<div class="container">
  <div class="circle_img"></div>
  <div class="column col-1">
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit.
      Asperiores, nostrum, dolorum! Necessitatibus, soluta quas dolores maxime delectus
      facere nesciunt exercitationem facilis labore consequatur temporibus, eius. Sint, unde, consectetur! Ducimus, aspernatur.
      Veniam, quod obcaecati consequatur
      laudantium sequi modi amet repudiandae minima, molestias hic commodi
      nihil sit placeat, facere velit doloribus optio illo magnam vitae voluptatum praesentium.
      Temporibus quod eos dolorum tenetur.
    </p>
  </div>
  <div class="column col-2">
    <img src="https://resheto.net/images/mater/kartinka_motivatsiya_tsitata_9.jpg" alt="" class="imj">
  </div>
</div>

<div class="container">
  <div class="circle_img"></div>
  <div class="column col-1">
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit.
      Asperiores, nostrum, dolorum! Necessitatibus, soluta quas dolores maxime delectus
      facere nesciunt exercitationem facilis labore consequatur temporibus, eius. Sint, unde, consectetur! Ducimus, aspernatur.
      Veniam, quod obcaecati consequatur
      laudantium sequi modi amet repudiandae minima, molestias hic commodi
      nihil sit placeat, facere velit doloribus optio illo magnam vitae voluptatum praesentium.
      Temporibus quod eos dolorum tenetur.
    </p>
  </div>
  <div class="column col-2">
    <img src="https://resheto.net/images/mater/kartinka_motivatsiya_tsitata_9.jpg" alt="" class="imj">
  </div>
</div>
.container {
  position: relative;
  display: flex;
}

.column {
  box-sizing: border-box;
  /* float: left; */
  width: 50%;
}

.col-1 {
  border-right: 1px solid;
  padding-right: 20px;
}

.col-2 {
  border-left: 1px solid #000;
  margin-left: -1px;
  padding-left: 20px;
}

.column p:first-child {
  margin-top: 0;
}

.imj {
  width: 450px;
  height: 350px;
}

.circle_img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: red;
  width: 46px;
  height: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.