<div class="grid">
  <div class="item">
    <img src="https://images.unsplash.com/photo-1616930571535-1f1806c0c790?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=753&q=80" alt="">
  </div>
  <div class="item">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam nihil maiores neque officiis, delectus reprehenderit aut explicabo saepe esse laudantium!
  </div>
  <div class="item">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt corrupti ex vel quasi minus sunt voluptatibus recusandae doloribus quae repellendus!
  </div>
  <div class="item">
    <img src="https://images.unsplash.com/photo-1616930571535-1f1806c0c790?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=753&q=80" alt="">
  </div>
</div>

.item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid {
  width: 80vw;
  height: 80vh;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px;
}