<div class="container">
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
<div class="target">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT4hELUXXOUy0U8B-_kQ8ZKO6OpC7eNkRQpEQ&usqp=CAU" alt="">
</div>
</div>
div.container {
display: flex;
flex-wrap: wrap;
width: 400px;
}
.target {
margin: 5px 10px 5px;
}
img {
display: block;
width: 100px;
}
ScrollReveal().reveal(".target");
This Pen doesn't use any external CSS resources.