#video-section {
  text-align: center;
}
#video-section .video-header {
  margin-bottom: 32px;
}
#video-section #video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 2.3373494;
  overflow: hidden;
  border-radius: 10px;
}
#video-section #video-container:hover img {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}
#video-section #video-container:hover .fa-square {
  font-size: 55px;
}
#video-section #video-container:hover .fa-play-circle {
  font-size: 96px;
}
#video-section #video-container #video-img-container,
#video-section #video-container #video-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
#video-section #video-container img {
  cursor: pointer;
}
#video-section #video-container img.img-mobile {
  display: none;
}
@media (min-width: 768px) {
  #video-section #video-container img {
    border-radius: 10px;
    object-position: 0 -110px;
  }
}
#video-section #video-container .fa-square {
  font-size: 50px;
  color: var(--dec-black);
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transition: font-size 0.2s linear;
}
#video-section #video-container .fa-play-circle {
  font-size: 88px;
  color: var(--dec-white);
  position: absolute;
  top: 50%;
  z-index: 100;
  cursor: pointer;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  transition: font-size 0.2s linear;
}
@media (max-width: 500px) {
  #video-section #video-container {
    --container-mobile-horizontal-margin: 0;
    aspect-ratio: 1.04189944;
    border-radius: unset;
  }
  #video-section #video-container img {
    object-fit: unset;
  }
  #video-section #video-container img.img-desktop {
    display: none;
  }
  #video-section #video-container img.img-mobile {
    display: block;
  }
  #video-section #video-container .fa-square {
    font-size: 54px;
  }
  #video-section #video-container .fa-play-circle {
    font-size: 70px;
  }
}
#video-section #video-container iframe {
  border: none;
  height: 101%;
  width: 101%;
  background-color: transparent;
  display: none;
}