.materiali-pagina ul { list-style: none; margin: 0; padding: 0; margin-left:-8px; margin-right: -8px; display: flex; flex-wrap: wrap; }
.materiali-pagina ul li { width: calc( 50% - 16px ); margin: 16px 8px; font-size:14px; text-align: center; }
.materiali-pagina ul li figure { aspect-ratio: 3/1; overflow: hidden; line-height: 0; border-radius: 140px; }
.materiali-pagina ul li img { width: 100%; height: 100%; object-fit: cover; object-position: center;}

.materiali-pagina ul.col-quattro li { width: calc( 25% - 16px ); }

@media screen and ( max-width:500px){

    .materiali-pagina ul.col-quattro li { width: calc( 50% - 16px ); }
    .materiali-pagina ul li figure {aspect-ratio: 5/2; margin-bottom:10px;}
    .materiali-pagina ul li  p { padding-top:5px;}
    .materiali-pagina ul li { font-size:12px; line-height: 14px;  }


}