.spiky-category-hero {
    position: relative;
    width: 100%;
    min-height: 65vh;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transition: opacity 0.35s ease;
    overflow: hidden;
}

.spiky-category-hero.spiky-hero-changing {
    opacity: 0.72;
}

@media (max-width: 1024px) {
    .spiky-category-hero {
        min-height: 55vh;
    }
}

@media (max-width: 767px) {
    .spiky-category-hero {
        min-height: 45vh;
    }
}