.iconografias-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30px, auto));
    justify-content: center; 
    gap: 2rem;

}
.iconografia-item {
     flex: 0 0 auto;
    text-align: center;
    margin-bottom: 10px;
    justify-content: center;
}

.iconografia-name {
    font-size: 0.8rem;
    margin-top: 5px;
    text-transform: capitalize;
}


.iconografias-wrapper.iconos-8-col {
    display: grid;
    grid-template-columns: repeat(8, auto);
    gap: 4rem;
    align-items: center;
}

@media (max-width: 768px) {
    .iconografias-wrapper.iconos-8-col {
        gap: 0.5rem;      }
}