JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
  <div class="image-container">
    <img src="https://sargeant.rcsdk8.org/sites/main/files/imagecache/thumbnail/main-images/camera_lense_0.jpeg" />
  </div>
  
  <main class="content">
   Some content here
  </main>
</div>

CSS

html, body {
  padding: 0;
  margin: 0;
}

.page {
  display: flex;
  min-height: 100vh;
}

.image-container {
  flex: 1;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content {
  flex: 1;
  padding: 20px;
}