Как разместить следующую часть под div со стилем absolute, realtive?

Мне необходимо было текст поместить поверх картинки. Как разместить следующий блок под ним без использования height если это вообще возможно?

.catagory__title {
  font-weight: 700;
  font-size: 36px;
  letter-spacing: -2px;
  text-align: center;
  margin-bottom: 48px;
}

.category__cards {
  display: flex;
  justify-content: space-between;
}

.card1 {
  margin-right: 32px;
  display: inline-block;
  position: relative;
  border: 1px #6d6e76 solid;
  padding-right: 32px;
}

.card3 {
  margin-right: 32px;
  display: inline-block;
  position: relative;
  border: 1px #6d6e76 solid;
  padding-right: 32px;
}

.card4 {
  margin-right: 32px;
  display: inline-block;
  position: relative;
  border: 1px #6d6e76 solid;
  padding-right: 32px;
}

.cat__logo1i {
  padding: 12px 12px 12px 12px;
  border-radius: 20%;
  background-color: #fbf6ea;
}

.cat__logo1 {
  margin-bottom: 16px;
  margin-left: 32px;
  margin-top: 32px;
}

.cat__title1 {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -1px;
  margin-bottom: 4px;
  margin-left: 32px;
}

.cat__txt1 {
  font-weight: 400;
  margin-bottom: 32px;
  margin-left: 32px;
}

.card2 {
  margin-right: 32px;
  display: inline-block;
  position: relative;
  background-color: #ffd050;
  padding-right: 32px;
}

.cat__logo2i {
  padding: 12px 12px 12px 12px;
  border-radius: 20%;
  background-color: #fbf6ea;
  width: 48px;
}

.cat__logo2 {
  margin-bottom: 16px;
  margin-left: 32px;
  margin-top: 32px;
}

.cat__title2 {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -1px;
  margin-bottom: 4px;
  margin-left: 32px;
}

.cat__txt2 {
  font-weight: 400;
  margin-bottom: 32px;
  margin-left: 32px;
}

.catagory__main {
  margin-top: 128px;
  position: relative;
}

.catagory__img {
  position: absolute;
}

.cat__mtxt {
  position: absolute;
  right: 0;
  top: 172px;
  padding: 80px 80px 96px 80px;
  background-color: #fff;
}

.cat__mtitle {
  font-weight: 600;
  letter-spacing: 3px;
  margin-bottom: 24px;
}

.cat__mm {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -2px;
  margin-bottom: 16px;
}

.cat__mdisc {
  margin-bottom: 48px;
  color: #6d6e76;
}
<div class="catagories">
  <div class="container">
    <div class="catagory__title">Choose A Catagory</div>
    <div class="catagory__cards">
      <div class="card1">
        <div class="cat__logo1">
          <img class="cat__logo1i" src="img/Icon1.png" alt=":(" />
        </div>
        <div class="cat__title1">Business</div>
        <div class="cat__txt1">
          Lorem ipsum dolor sit amet, <br /> consectetuer adipiscing elit.
        </div>
      </div>
      <div class="card2">
        <div class="cat__logo2">
          <img class="cat__logo2i" src="img/Icon2.png" alt=":(" />
        </div>
        <div class="cat__title2">Startup</div>
        <div class="cat__txt2">
          Lorem ipsum dolor sit amet, <br /> consectetuer adipiscing elit.
        </div>
      </div>
      <div class="card3">
        <div class="cat__logo1">
          <img class="cat__logo1i" src="img/Icon3.png" alt=":(" />
        </div>
        <div class="cat__title1">Economy</div>
        <div class="cat__txt1">
          Lorem ipsum dolor sit amet, <br /> consectetuer adipiscing elit.
        </div>
      </div>
      <div class="card4">
        <div class="cat__logo1">
          <img class="cat__logo1i" src="img/Icon4.png" alt=":(" />
        </div>
        <div class="cat__title1">Technology</div>
        <div class="cat__txt1">
          Lorem ipsum dolor sit amet, <br /> consectetuer adipiscing elit.
        </div>
      </div>
    </div>
    <div class="catagory__main">
      <img src="img/catagory__photo.png" alt=":(" class="catagory__img" />
      <div class="cat__mtxt">
        <div class="cat__mtitle">Why we started</div>
        <div class="cat__mm">
          It started out as a simple <br /> idea and evolved into <br /> our passion
        </div>
        <div class="cat__mdisc">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <br /> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim <br /> veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
        </div>
        <a href="#" class="left__rm">Discover our story ></a>
      </div>
    </div>
  </div>
</div>


Ответы (0 шт):