JSFiddle - React, Tailwind, and code Playground

by wisegorilla

HTML

<div class="feature-why-us">
    <div class="feature-why-us__content-wrapper">
    	    <div class="feature-why-us__content"></div>
    </div>
		

		
    <div class="feature-why-us__img">
        <img src="https://placehold.co/600x400" alt="">
    </div>

</div>

CSS

.feature-why-us {
	display: flex;
	width: 100%;
}

.feature-why-us__img {
	width: 75%;
}
.feature-why-us__img img {
	width: 100%;
}


.feature-why-us__content-wrapper {
	background: #FDDFA9;
	width: 25%;
	position: relative;
}

.feature-why-us__content {
	 position: absolute;
		background: #FDDFA9;
    height: 300px;
    width: 300px;
    top: 89px;
}