.carousel-container {
    margin-top: 24px;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;

    .carousel-button-prev {
        cursor: pointer;
    }

    .carousel-button-next {
        cursor: pointer;

        svg {
            rotate: 180deg;
        }
    }
}

.swiper {
    width: 100%;
    max-width: 910px;
    height: 100%;

    .swiper-wrapper {
        .swiper-slide {
            height: auto;

            img {
                display: block;
                width: 100%;
                height: 432px;
                object-fit: cover;
            }
        }

        .swiper-slide:nth-child(1n) {
            position: inherit;
        }

        .swiper-slide:nth-child(2n) {
            position: inherit;

            a {
                position: inherit;
                bottom: inherit;
            }
        }
    }

    @media (width >= 1024px) {
        margin: 0;

        .swiper-wrapper {
            .swiper-slide {
                height: 500px;

                img {
                    width: 427px;
                    height: 432px;
                }
            }

            .swiper-slide:nth-child(1n) {
                position: relative;
            }

            .swiper-slide:nth-child(2n) {
                position: relative;
    
                a {
                    position: absolute;
                    bottom: 0;
                }
            }
        }
    }
}