<style>.grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 90%;
margin: 0 auto;
}
.item {
width: 30%;
margin-bottom: 2%;
text-align: left;
}
.item img {
width: 100%;
height: auto;
}
</style><div class="grid">
<div class="item">
<img src="https://clogosphere.neocities.org/Beryl-cropped.png" alt="Image 2" width="240" height="320">
<p> Here is some more text. This is a second sentence.
</p>
</div>
<div class="item">
<img src="https://clogosphere.neocities.org/Beryl-cropped.png" alt="Image 2" width="240" height="320">
<p>Here is some more text. This is a second sentence.</p>
</div>
<div class="item">
<img src="https://clogosphere.neocities.org/Beryl-cropped.png" alt="Image 2" width="240" height="320">
<p>This is some additional text. This is a third sentence.</p>
</div>