.categories-section{
padding-top: 40px;
padding-bottom: 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}

.category-card{
position: relative;
background-color:#83766d;
width:317px;
height:500px;
border-radius:15px;
overflow: hidden;
}

.overlay{
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.category-name{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
text-align: center;

}

.casual{
background-image: url("../../images/products/Tênis\ Casual.jpg");
background-size: cover;
background-position: center;
}
.esporte{
background-image: url("../../images/products/Tênis\ Exportivo.jpg");
background-size: cover;
background-position: center;
}
.moderno{
background-image: url("../../images/products/Tênis\ Moderno.jpg");
background-size: cover;
background-position: center;
}
.futurista{
background-image: url("../../images/products/Tênis\ Futurista.jpg");
background-size: cover;
background-position: center;
}

@media (max-width: 500px){
    .category-card{
        width: 100%;
    }
}