.container-fluid {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "temeraire", serif;
}

#myVideo {
  height: 100%;
  width: 100%;
 object-fit: cover;
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 z-index: -1;
}
.container-fluid .col {
  padding: 0;
}
/* .overlay {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgb(0 0 0 / 50%);
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
} */
h1 {
  font-size: 50px;
  margin-top: 50px;
  text-transform: uppercase;
  font-weight: bold;
}

img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 992px) {
.overlay {
    padding: 30px;
}
.overlay img {
    max-width: 100%;
}
h1 {
  font-size: 35px;
}
}