.image-slice img {
  display: block;
  width: 100%;
}

.banner {
  height: 23.4375vw;
}
@media (min-width: 1920px) {
  .banner {
    height: 450px;
  }
}

.image-slice-1 {
  height: 23.4895833333vw;
}
@media (min-width: 1920px) {
  .image-slice-1 {
    height: 451px;
  }
}

.image-slice-2 {
  height: 20.7291666667vw;
}
@media (min-width: 1920px) {
  .image-slice-2 {
    height: 398px;
  }
}

.image-slice-3 {
  height: 30.3125vw;
}
@media (min-width: 1920px) {
  .image-slice-3 {
    height: 582px;
  }
}

#cases {
  padding-top: 40px;
}
#cases .case-list {
  height: 32.8645833333vw;
}
@media (min-width: 1920px) {
  #cases .case-list {
    height: 631px;
  }
}
#cases .case-list {
  display: flex;
  justify-content: space-between;
}
#cases .case-list .case-item {
  flex-basis: 22.4479166667vw;
}
@media (min-width: 1920px) {
  #cases .case-list .case-item {
    flex-basis: 431px;
  }
}
#cases .case-list .case-item {
  cursor: pointer;
}
#cases .case-list .case-video-poster {
  display: block;
  width: 100%;
  height: 100%;
}

.video-container {
  display: flex;
  justify-content: center;
  align-items: center;
}