/* Hero Section Background */
#hero {
    background-image: url('../images/hero-background.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

/* About Section Background */
#about {
    background-image: url('../images/about-background.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

/* Desktop parallax effect */
@media (min-width: 768px) {
    #hero {
        background-attachment: fixed;
    }
    #about {
        background-attachment: fixed;
    }
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Carousel Responsive Adjustments */
@media (max-width: 768px) {
    #carousel {
        /* Mobile: show one slide at a time */
    }
}

@media (min-width: 768px) {
    /* Desktop: show 3 slides */
    #carousel > div {
        flex: 0 0 33.333%;
    }
}

/* Ensure images don't exceed container on mobile */
img {
    max-width: 100%;
    height: auto;
}