JSFiddle - React, Tailwind, and code Playground

by Alexey Bachurin

HTML

<div class="col-md-6 reviews_wrap">
					<div class="reviews_image_container">
						<img src="img/reviews_img1.jpg" alt="">
					</div>
					<div class="reviews_text_container">
						<h4>Роман Дмитренко</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, fuga! Lorem ipsum dolor sit amet.</p>
					</div>
					
				</div>

CSS

.reviews_wrap
	padding: 0
	border-radius: 5px
	text-align: center
	background: #fff
	width: 45%
	float: left
	margin-left: 50px
	margin-bottom: 50px
	box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.75)
	&::before
		content: url(../img/quotes.png)
		width: 94px
		height: 81px
		position: absolute
		right: 15px
		top: 10px
		
.reviews_image_container
	display: block
	float: left
	width: 275px
	height: 275px
	overflow: hidden
	border-radius: 5px 0 0 5px

.reviews_text_container
	position: absolute
	z-index: 10
	margin-left: 275px