.swiper {
  width: 100%;
  height: fit-content;
}

.swiper-wrapper-gallery{
    & .swiper-main{
        & img{
            aspect-ratio: 9 / 6;
            object-fit: cover;
            border-radius: 1rem;
        }
    }

    & .swiper-thumbs{
        & img{
            border-radius: 0.5rem;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        & .swiper-slide{
            aspect-ratio: 6 / 4;
            opacity: 0.6;
            transition: opacity .4s ease;
            &.swiper-slide-thumb-active{
                opacity: 1;
            }

            &:hover{
                opacity: 0.75;
                cursor: pointer;
            }
        }
    }
}