#about-hubbub {
    background-image: url(/images/about.jpg);
    height: 700px;
    align-content: end;
    background-size: cover
}

#top-image .left,
#top-image .center {
    background-color: white;
}#top-image {
                    background-image: image-set(
                        url('/top-image-About-1920.avif') type('image/avif'),
                        url('/top-image-About-1920.jxl') type('image/jxl'),
                        url('/top-image-About-1920.jpg') type('image/jpeg')
                    );
                    background-size: cover;
                    background-position-y: -100px;
                    height: 700px;
                    align-content: end;
                    background-position: center;
}

@media (max-width: 1200px)
{
# top-image {
        background-image: image-set(
        url('/top-image-About-1200.avif') type('image/avif'),
        url('/top-image-About-1200.jxl') type('image/jxl'),
        url('/top-image-About-1200.jpg') type('image/jpeg')
    );

    height: 500px;
    }
}

@media (max-width: 1000px)
{
# top-image {
        background-image: image-set(
        url('/top-image-About-1000.avif') type('image/avif'),
        url('/top-image-About-1000.jxl') type('image/jxl'),
        url('/top-image-About-1000.jpg') type('image/jpeg')
    );
    }
}

@media (max-width: 800px)
{
# top-image {
    background-image: image-set(
        url('/top-image-About-800.avif') type('image/avif'),
        url('/top-image-About-800.jxl') type('image/jxl'),
        url('/top-image-About-800.jpg') type('image/jpeg')
    );
    }
}