/* Background Image section (standalone) */
.section-background-image {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    margin-top: 80px;
}

.section-background-image__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (max-width: 1024px) {
    .section-background-image {
        background-attachment: scroll;
    }
}