/* las imágenes han de ser cuadradas y las 9 fotos han de verse en una parrilla de 3*3 */
img {
width: 175px;
height: 175px;
object-fit: cover;
}
/* .container_fotos es a su vez parent de los <div> que contienen las imágenes y child de .contianer que tiene una columna y tres filas con un width 100% del container */
.container_fotos {
background-color: white;
border-radius: 25px;
width: 525px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 0px;
margin: 2em 0;
}
<div class="container_fotos">
<div class="item"><img src="/media/1.jpg" alt=""></div>
<div class="item"><img src="/media/2.jpg" alt=""></div>
<div class="item"><img src="/media/3.jpg" alt=""></div>
<div class="item"><img src="/media/4.jpg" alt=""></div>
<div class="item"><img src="/media/5.jpg" alt=""></div>
<div class="item"><img src="/media/6.jpg" alt=""></div>
<div class="item"><img src="/media/7.jpg" alt=""></div>
<div class="item"><img src="/media/8.jpg" alt=""></div>
<div class="item"><img src="/media/9.jpg" alt=""></div>
</div>