#inner-wrapper:has(.category-container) {
    position: relative;
}

#inner-wrapper:has(.category-container)::before {
    content: '';
    display: block;
    background: var(--light-gray-1);
    height: 80vw;
    position: absolute;
    inset-inline: 0;
    top: 0
}

.category-container a::before {
    content: none;
}

.blog-post-list a::before {
    content: none;
}



@media only screen and (min-width: 769px) {
    #inner-wrapper:has(.category-container)::before {
        height: 69rem;
    }
}