Eu queria fazer esse efeito da imagem abaixo.
img.fotosC {
margin: 5px;
}
img.fotoLat {
width: 17%;
}
img.fotoCent1 {
width: 10%;
}
img.fotoCent2 {
width: 40.5%;
}
<div id="ContCentral">
<div>
<img class="fotoLat fl fotosC" src="https://rolfmodas.com.br/PCP/_fotos/716E-1.jpg" /> //class fl é "float left"
</div>
<div>
<img class="fotoCent1 fotosC" src="https://rolfmodas.com.br/PCP/_fotos/006E-1.jpg" />
<img class="fotoCent2 fotosC" src="https://rolfmodas.com.br/PCP/_banner/1-banner.png" /></br>
<img class="fotoCent2 fotosC" src="https://rolfmodas.com.br/PCP/_banner/4-banner.png" />
<img class="fotoCent1 fotosC" src="https://rolfmodas.com.br/PCP/_fotos/2000P-1.jpg" />
</div>
<div>
<img class="fotoLat fotosC" src="https://rolfmodas.com.br/PCP/_fotos/015-1.jpg" />
</div>
</div>