JSFiddle - React, Tailwind, and code Playground

by RAX7

HTML

<div class="container">
  <div class="other-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio architecto iusto ab mollitia quam deserunt illum molestias pariatur voluptatibus molestiae repudiandae odio dolores modi eveniet, incidunt, voluptatem quae recusandae veniam praesentium earum! Dolores facilis tempora esse sed ut debitis eaque voluptatem deserunt iste, ex quas quos atque praesentium repellat voluptatum nesciunt repudiandae eius culpa deleniti adipisci beatae, corrupti cumque ipsam! Asperiores quia consectetur fuga natus, ipsum reiciendis minus harum itaque repellendus, beatae laboriosam, libero error eveniet! Numquam similique laborum nihil magni vitae. Deleniti nisi laboriosam consequuntur. Sit illo optio, deleniti, aut sequi sunt fugiat neque harum? Accusamus tenetur nulla tempore!</div>
  
  <div class="outside-block">
    <img class="outside-block__image" src="https://images.unsplash.com/photo-1475518112798-86ae358241eb?ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80" alt="">
    <div class="outside-block__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus accusantium quia alias numquam eligendi illum porro ducimus fuga ea amet autem reiciendis repellat quasi delectus eveniet possimus consectetur minima, cupiditate ex fugiat eos reprehenderit. Repellendus, dolorem assumenda, nemo aliquam, sit fugiat aliquid maiores perferendis labore minus alias, facere quisquam nesciunt!</div>
  </div>
  
  <div class="other-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio architecto iusto ab mollitia quam deserunt illum molestias pariatur voluptatibus molestiae repudiandae odio dolores modi eveniet, incidunt, voluptatem quae recusandae veniam praesentium earum! Dolores facilis tempora esse sed ut debitis eaque voluptatem deserunt iste, ex quas quos atque praesentium repellat voluptatum nesciunt repudiandae eius culpa deleniti adipisci beatae, corrupti cumque ipsam! Asperiores quia consectetur fuga...

CSS

body {
  margin: 0;
  background-color: #ccc;
}

.container {
  max-width: 1020px;
  margin: 0 auto;
  background-color: #fff;
}

.outside-block {
  background-color: #fff;
  margin-left: calc(50% - 50vw);
  
  outline: 1px dashed red;
  display: flex;
  align-items: flex-start;
}

.outside-block__image,
.outside-block__text {
  width: 50%;
}

.other-content {
  margin: 25px 0;
}