.image-column-container {
  display: flex;
  gap: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.image-column {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;

  will-change: transform, opacity;
}

.image-column img {
  object-fit: cover;
  object-position: center center;
  position: relative;
  will-change: top;
  transform: translateZ(0);
}

.image-column:nth-child(odd) img {
  top: 100%;
}

.image-column:nth-child(even) img {
  top: -100%;
}

@media only screen and (max-width: 800px) {
  .image-column-container {
    display: none;
    pointer-events: none;
  }
}