h2,h3{margin:0}section{min-height:100vh}section>center>div{animation:1s section-appear;animation-timeline:view(block 40% 0)}li{animation:1s right-to-left;animation-timeline:view(block 40% 0)}@keyframes section-appear{from{opacity:0;transform:translateY(100px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes right-to-left{from{opacity:0;transform:translatex(500px)}to{opacity:1;transform:translateX(0)}}#top-image {
                    background-image: image-set(
                        url('/top-image-Home-1920.avif') type('image/avif'),
                        url('/top-image-Home-1920.jxl') type('image/jxl'),
                        url('/top-image-Home-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-Home-1200.avif') type('image/avif'),
        url('/top-image-Home-1200.jxl') type('image/jxl'),
        url('/top-image-Home-1200.jpg') type('image/jpeg')
    );

    height: 500px;
    }
}

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

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