<section>
	<div class="container">
		<div class="row align-items-center">
			<div class="col-6">
				<figure>
					<img src="https://i.imgur.com/jDvdkyl.png" alt="demo">
				</figure>
			</div>
			<div class="col-6">
				<h1>About us</h1>
				<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Beatae accusamus tenetur numquam!</p>
				<p>Eos, rerum? Autem labore molestiae nesciunt vel eum. Minus dignissimos dolor quasi?</p>
				<p>Incidunt voluptatem suscipit dolorum dicta eligendi totam animi aperiam quaerat voluptas alias.</p>
			</div>
		</div>
	</div>
</section>
body {font-family: 'Poppins', sans-serif;overflow-x: hidden}

/* imortant image reset */
img {max-width: 100%}

/* to break the reset and get the original size*/
figure img {max-width: none;}


figure {
    display: flex;
    justify-content: flex-end;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css
  2. https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&amp;display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.