payment-successful{text-align:left}li{opacity:.25}li.hide-until{display:none}li[data-status="true"].hide-until{display:list-item}li[data-status="true"]{opacity:1}.error{font-size:1.5rem;color:var(--color-error)}#top-image {
                    background-image: image-set(
                        url('/top-image-PaymentSuccessful-1920.avif') type('image/avif'),
                        url('/top-image-PaymentSuccessful-1920.jxl') type('image/jxl'),
                        url('/top-image-PaymentSuccessful-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-PaymentSuccessful-1200.avif') type('image/avif'),
        url('/top-image-PaymentSuccessful-1200.jxl') type('image/jxl'),
        url('/top-image-PaymentSuccessful-1200.jpg') type('image/jpeg')
    );

    height: 500px;
    }
}

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

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