<div class="container container-3">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque facere molestias iste cum dolores, inventore hic. Quia hic eius maxime repellat beatae placeat dolorem illo nesciunt molestias. Molestiae officia sint, tempora ipsam laboriosam! Quod sapiente
    necessitatibus est pariatur sequi, itaque tempora blanditiis placeat excepturi! Sed, debitis, eum. Quas, dolorem, suscipit?</p>

</div>

<div class="container container-4">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque facere molestias iste cum dolores, inventore hic. Quia hic eius maxime repellat beatae placeat dolorem illo nesciunt molestias. Molestiae officia sint, tempora ipsam laboriosam! Quod sapiente
    necessitatibus est pariatur sequi, itaque tempora blanditiis placeat excepturi! Sed, debitis, eum. Quas, dolorem, suscipit?</p>
</div>

<p style="padding: 0 20px;">Другой вариант, где фон цветом только под текстом <a href="https://codepen.io/Websitio/pen/poyemJv">тут</a></p>

@import url("https://fonts.googleapis.com/css2?family=Neucha&display=swap");

:root {
  --content-width: 600px;
}

* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Neucha", cursive;
}

.container {
  background-color: #eee;
  outline: 1px dashed #000;
}

.container-1 {
  display: flex;
  max-width: var(--content-width);
  margin: 50px auto;
}

.container-3 {
  display: flex;
  margin: 50px 0;
}

.container-3::before {
  content: "";
  display: block;
  width: 50%;
  background: url(https://img1.goodfon.ru/original/800x480/b/80/more-bereg-pesok-volny-priboy.jpg) no-repeat center / cover;
}

.container-3 p {
  width: 50%;
  padding-right: calc((100% - var(--content-width)) / 2);
}

.container-4 {
  display: flex;
  margin: 50px 0;
}

.container-4::after {
  content: "";
  display: block;
  width: 50%;
  background: url(https://img1.goodfon.ru/original/800x480/b/80/more-bereg-pesok-volny-priboy.jpg) no-repeat center / cover;
}

.container-4 p {
  width: 50%;
  padding-left: calc((100% - var(--content-width)) / 2);
}