Eu queria fazer esse efeito da imagem abaixo.

[![inserir a descrição da imagem aqui][1]][1]

[Aqui](https://i.sstatic.net/gjSzL.jpg)

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    img.fotosC {
      margin: 5px;
    }

    img.fotoLat {
      width: 17%;
    }

    img.fotoCent1 {
      width: 10%;
    }

    img.fotoCent2 {
      width: 40.5%;
    }

<!-- language: lang-html -->

    <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>

<!-- end snippet -->


  [1]: https://i.sstatic.net/DfvOj.jpg