.auto-carousel-section {
    overflow: hidden;
    margin-top: -140px;
    margin-right: -50px; }

.swiper-wrapper {
    display: flex;
    flex-direction: column; /* forces vertical stacking */ }

.swiper-slide {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden; }

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px; }

/* this is what moves */

.css-slider-track {
    will-change: transform; }

.swiper-slide {
    margin-bottom: 20px; }

.auto-carousel-section {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    display: flex;
    gap: 20px;
    overflow: hidden; }

.left-column,
.right-column {
    width: 50%;
    will-change: transform; }

.left-column,
.right-column {
    transition: filter 0.2s ease; }

.auto-carousel-section {
    transform: rotate(-4deg); }

.auto-carousel-section {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 5%,
    black 20%,
    black 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 5%,
    black 20%,
    black 90%,
    transparent 100%
  );
}

.curve-css {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,100 C200,0 400,200 600,100 C800,0 900,200 1000,100 L1000,200 L0,200 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0,100 C200,0 400,200 600,100 C800,0 900,200 1000,100 L1000,200 L0,200 Z'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}