#top-image .left,
#top-image .center {
    background-color: #ecebe9;
}

#panel-properties {
    background-image: url(images/panel-properties.jpg);
    background-size: cover;
    background-position-y: -250px;
    height: 700px;
    align-content: end;
}

#frequency-response {
    font-family: 'Helvetica Neue LT Pro';
    font-size: 12pt;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

    #frequency-response > * {
        padding: 10px;
        border-top: 1px solid black;
    }

        #frequency-response > *:nth-last-of-type(-n + 7) {
            border-bottom: 1px solid black;
        }

        #biodegradable-list{
            padding-left: 0px;
        }

#frequency-response-graph {
    margin-top: 100px;
    margin-bottom: 50px;
    width: 100%;
    object-fit: contain;
}


#panel-properties-description h3 {
    margin-bottom: 5px;
}

.lower-case{
    text-transform: unset;
}

@media (max-width: 1500px){
    #panel-properties {
        background-position-y: -50px;
    }
}

@media (max-width: 1200px) {
    #panel-properties {
        background-position-y: 0px;
    }
}

@media (max-width: 800px) {
    #panel-properties {
        background-position-x: -150px;
    }
}

    @media (max-width: 500px) {

        #panel-properties {
            background-position-y: 10px;
        }
    }
#top-image {
                    background-image: image-set(
                        url('/top-image-Panel-properties-1920.avif') type('image/avif'),
                        url('/top-image-Panel-properties-1920.jxl') type('image/jxl'),
                        url('/top-image-Panel-properties-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-Panel-properties-1200.avif') type('image/avif'),
        url('/top-image-Panel-properties-1200.jxl') type('image/jxl'),
        url('/top-image-Panel-properties-1200.jpg') type('image/jpeg')
    );

    height: 500px;
    }
}

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

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