.image-scale-section {
  overflow: hidden;
}

/* WRAPPER */
.image-scale-section .image-scale-wrapper {
  position: relative;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* MEDIA */
.image-scale-section .image-scale-media {
  position: absolute;
  width: 80vw;
  height: 80vh;
  border-radius: var(--radius-small);
  overflow: hidden;
  transform: scale(0.4);
  will-change: transform;
}

.image-scale-section .image-scale-media img,
.image-scale-section .image-scale-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-scale-section .js-anim-item {
  opacity: 0;
  transform: translateY(40px);
  will-change: transform, opacity;
}

/* MOBILE */
@media (max-width: 768px) {
  .image-scale-section .image-scale-wrapper {
    height: 50vh;
  }

  .image-scale-section .image-scale-media {
    width: 92vw;
    height: 50vh;
    transform: scale(0.5);
  }
}