.categorie-overview { padding-bottom: 4rem; }
.categorie-overview .inner { display: flex; flex-wrap: wrap; }

.categorie-overview .cat-item { width: 20%; z-index: 10; padding: 1rem; margin-bottom: 2rem; }
.categorie-overview .image-container { transition: all .5s ease; }
.categorie-overview img { }
.categorie-overview .title { font-size: var(--fs-600); position: relative; transition: all .5s ease; background-color: rgb(206 39 131 / 80%); margin-top: 1rem; font-weight: var(--fw-bold); color: #FFF; border-radius: 2rem;  text-align: center; padding: 0.75rem 1rem; }
.categorie-overview .title::before { content: " "; position: absolute; top: 0; left: 50%; width: 1rem; height: 1rem; background-color: #d8529c; transform: translate(-50%, -50%) rotate(45deg);  }

.categorie-overview .cat-item:hover .title { transform: scale(1.05) translateY(-0.5rem); transition: all .25s .1s ease; }
.categorie-overview .cat-item:hover .image-container { transition: all .25s  ease; transform:scale(1.05) translateY(-0.5rem); }


@media(max-width: 1400px){
    .categorie-overview .cat-item { width: 25%; }
}
@media(max-width: 1000px){
    .categorie-overview .cat-item { width: 33.3333%; }
}
@media(max-width: 750px){
    .categorie-overview .cat-item { width: 50%; }
}
@media(max-width: 450px){
    .categorie-overview .cat-item { width: 100%; }
}