quiero transformar esta imagen estática 
en este sitio para ver lo que quiero decir, desplácese hacia abajo en la página. El código que hice es este, el objetivo es hacer 8 imágenes en total pero solo 3 en la pantalla que van hasta el infinito. Javascript no está implementado, me gustaría saber también los derechos de autor si es un problema y qué puedo hacer para hacer lo mismo sin arriesgar los derechos de autor.
.content { display: flex; justify-content: space-around; align-items: center; padding: 20px; width: 100%; } .content__row { display: flex; width: 100%; margin: 5px 0; } .content__img { display: flex; width: 80%; height: 90%; padding: 0%; } .content__a { text-decoration: none; align-items: center; } .content__p { align-items: center; text-align: center; width: 80%; font-size: 35px; font-weight: 900; font-family: 'Ubuntu', sans-serif; color: rgb(39, 39, 255); } <div class="content"> <div class="content__row"> <a class="content__a" href="#"> <img class="content__img" src="https://via.placeholder.com/300x600" alt=""> <p class="content__p">COMPILARE <br> <span class="content__span">730?</span> </p> </a> <a class="content__a" href="#"> <img class="content__img" src="https://via.placeholder.com/300x600" alt=""> <p class="content__p">CALCOLARE <br> <span class="content__span">L'ISEE?</span> </p> </a> <a class="content__a" href="#"> <img class="content__img" src="https://via.placeholder.com/300x600" alt=""> <p class="content__p">CALCOLARE <br> <span class="content__span">L'ISEE?</span> </p> </a> </div> </div>