JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contop">
  <div class="cont">
    <img class="images" src="https://st.depositphotos.com/1899425/1623/i/600/depositphotos_16232649-stock-photo-moraine-lake-sunrise-colorful-landscape.jpg" alt="">
    <h3 class="h3_text">Lorem ipsum dolor.</h3>
    <p class="p_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, nam.</p>
    <a class="link" href="{{ el.link }}">Скачать</a>
  </div>
  <div class="cont">
    <img class="images" src="https://st.depositphotos.com/1899425/1623/i/600/depositphotos_16232649-stock-photo-moraine-lake-sunrise-colorful-landscape.jpg" alt="">
    <h3 class="h3_text">Lorem ipsum dolor.</h3>
    <p class="p_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, nam.</p>
    <a class="link" href="{{ el.link }}">Скачать</a>
  </div>
  <div class="cont">
    <img class="images" src="https://st.depositphotos.com/1899425/1623/i/600/depositphotos_16232649-stock-photo-moraine-lake-sunrise-colorful-landscape.jpg" alt="">
    <h3 class="h3_text">Lorem ipsum dolor.</h3>
    <p class="p_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, nam.</p>
    <a class="link" href="{{ el.link }}">Скачать</a>
  </div>
</div>

CSS

.images{
  width: 400px;
  height: auto;;
  position: relative;
}
.link{
  text-decoration: none;
  color: black;
  position: relative;
  top: 0px;
  font-size: 20px;
  left: 10px;
}
.contop{
  display:flex;
  justify-content: space-between;
  text-align:center;
  width:100%;
  padding: 50px;
}
.cont{
  flex: 1 1 300px;
  height: 400px;
  background-color: #ffffff;
  overflow: hidden;
}
.h3_text{
  left: 10px;
  position: relative;
  top: 10px;
}
.p_text{
  left: 5px;
  position: relative;
  top: 10px;
}