.gallery-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: var(--space-64) 0;
    display: flex;
    gap: var(--space-48);
    flex-direction: column;

    .title-container {
        width: 100%;
        padding: 0 var(--space-28);

        h3 {
            color: var(--text-primary);
            text-align: center;
            font-family: BOG, sans-serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px;
        }
    }

    .gallery-swiper {
        width: 100%;
        height: 320px;
        padding: 0 var(--space-28);
        overflow: visible;

        .swiper-wrapper {
            height: 320px;
        }

        .swiper-slide {
            width: auto !important;
            height: 320px;
            border-radius: var(--border-radius-20);
            background: var(--background-accent);
            overflow: hidden;

            img {
                height: 100%;
                width: auto;
                object-fit: cover;
                object-position: center;
            }
        }
    }
}

@media (max-width: 600px) {
    .gallery-container {
        padding: var(--space-48) 0 var(--space-48);

        .title-container h3 {
            text-align: left;
        }
    }
}

.gallery-container .gallery-swiper {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}