i want transform this static image
into this site for see what i mean scroll down the page. The code that i did it is this, the objective is do 8 image total but only 3 on screen that go on to infinity. Javascript is not implemented, i should like know also the copyright if is a problem and what i can do to do same think without risk the copyright
.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>