JSFiddle - React, Tailwind, and code Playground

HTML

<div class="section">
  <div class="block1">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam, possimus. Itaque laborum aperiam eaque distinctio adipisci quod animi consequatur voluptatibus ipsum repellat in eos soluta quibusdam, voluptatum cum veritatis dolore.
  </div>
  <div class="block2">
    <img class="image" src="https://avatars.mds.yandex.net/get-pdb/1221543/b88ac891-c756-4f9c-a215-4a59f577a512/s1200" alt="" width="100">
  </div>
</div>

CSS

.section {
  background-color: gray;
  background-image: url(https://poster.nicefon.ru/2018_03/13/1080x610/209098914049dd9d31b121.jpg);
  background-position: top right;
  background-size: 35% auto;
  background-repeat: no-repeat;
  display: flex;
}
.block1 {
  width: 50%;
}
.block2 {
  width: 50%;
  text-align: right;
}
.image {
  margin-right: 70%; /* 35% * 2 */
}