.heroes-gallery {
margin-top: 45px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 75px;
}
.hero-item {
box-sizing: border-box;
border: 1px solid #ddd;
padding: 15px;
border-radius: 5px;
background: #fff;
text-align: center;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
opacity: 1;
}
.hero-foto {
max-width: 30%;
height: auto;
border-radius: 5px;
}
.hero-item h3 {
margin-top: 15px;
font-size: 1.1em;
}
.hero-item p {
margin-top: 5px;
margin-bottom: 5px;
font-size: 0.8em;
}
.hero-item a {
text-decoration: none;
color: #000000 !important;
}
.hero-item a :hover{
text-decoration: none;
color: #b553a5 !important;
}