/*---------------- ABOUT PAGE STYLES ----------------*/

.aboutPageBanner {
    background-image: image-set(url("../images/about/AboutPage_Banner-1200w.webp") 1x,
            url("../images/about/AboutPage_Banner-1920w.webp") 2x,
            url("../images/about/AboutPage_Banner-1280w.png") 1x,
            url("../images/about/AboutPage_Banner-1920w.png") 2x);
}

.aboutPageWrap {
    background-image: url(../images/backgrounds/bg_07.png);
    background-image: url(../images/backgrounds/bg_07.webp);
    background-size: cover;
    background-position: center top;
}

.about_img {
    aspect-ratio: 555 / 665;
}

/*---------------- RESPONSIVE STYLES ----------------*/

@media(max-width: 767px) {
    .aboutPageBanner {
        background-image: image-set(url("../images/about/AboutPage_Banner-800w.webp") 1x,
                url("../images/about/AboutPage_Banner-1080w.webp") 2x,
                url("../images/about/AboutPage_Banner-800w.png") 1x,
                url("../images/about/AboutPage_Banner-1080w.png") 2x);
    }

    .aboutPageGallery {
        margin-inline: -1.25rem;
    }
}

@media(max-width: 576px) {
    .about_img {
        aspect-ratio: 300 / 520;
    }
}