#boxes .background .material-symbols-outlined { color: var(--main); }

#boxes .background::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#boxes .background:nth-child(1)::before { background-color: rgba(0,0,0,.5); }

#boxes .background:nth-child(2)::before { background-color: rgba(0,0,0,.75); }

@media (min-width: 768px) {
    #boxes .background h2 { min-height: 80.16px; }
    #boxes .background .description { min-height: 65px; }
}

@media (min-width: 992px) {
    #boxes .background h2 { min-height: 85px; }
}

@media (min-width: 1200px) {
    #boxes .background h2 { min-height: 96px; }
}

@media (min-width: 1400px) {
    #boxes .background h2 { min-height: 0; }
    #boxes .background .description { min-height: 97.5px; }
}