.bwa-coiffeur-section-background {
    --bwa-coiffeur-bg-base: #f5f7fa;
    --bwa-coiffeur-bg-accent: #02a2d6;
    --bwa-coiffeur-bg-padding-top: 80px;
    --bwa-coiffeur-bg-padding-bottom: 100px;
    --bwa-coiffeur-gallery-margin: 100px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(-47.248deg, rgba(2, 162, 214, 0) 18.613%, rgba(245, 247, 250, 0.45) 54.149%, var(--bwa-coiffeur-bg-base) 70.46%),
        linear-gradient(112deg, var(--bwa-coiffeur-bg-base) 0%, #eef4f7 52%, rgba(2, 162, 214, 0.14) 100%);
    padding-top: var(--bwa-coiffeur-bg-padding-top);
    padding-bottom: var(--bwa-coiffeur-bg-padding-bottom);
}

.bwa-coiffeur-section-background > *:not(.bwa-coiffeur-section-gallery) {
    position: relative;
    z-index: 1;
}

.bwa-coiffeur-section-gallery {
    position: relative;
    z-index: 0;
    width: 100%;
    margin-top: var(--bwa-coiffeur-gallery-margin);
    display: flex;
    flex-direction: column;
    gap: 16px;
    pointer-events: none;
}

.bwa-coiffeur-section-gallery__row {
    width: 100%;
    overflow: hidden;
}

.bwa-coiffeur-section-gallery__track {
    display: flex;
    width: max-content;
    gap: 16px;
}

.bwa-coiffeur-section-gallery__row--bottom .bwa-coiffeur-section-gallery__track {
    transform: translateX(-62px);
}

.bwa-coiffeur-section-gallery__image {
    flex: 0 0 auto;
    width: 206px;
    height: 206px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
}

@media (max-width: 900px) {
    .bwa-coiffeur-section-background {
        --bwa-coiffeur-bg-padding-top: 56px;
        --bwa-coiffeur-bg-padding-bottom: 72px;
        --bwa-coiffeur-gallery-margin: 72px;
    }
}

@media (max-width: 520px) {
    .bwa-coiffeur-section-gallery__image {
        width: 148px;
        height: 148px;
    }
}