.title {
    position: relative;
    height: 24rem
}

.title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-blue);
    opacity: .6
}

.products .products-filter {
    width: 100%;
    justify-content: space-between
}

.products .products-image {
    height: 218px;
    width: auto;
    max-width: 100%;
}

@media screen and (min-width: 992px) {
    .products .products-filter {
        width: unset;
        justify-content: unset
    }
}