<div class="inner">
<div class="left">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, aliquid?</p>
</div>
<div class="right">
<img src="https://loremflickr.com/200/200?random=1" />
</div>
</div>
.left {
padding: 43px 48px;
box-shadow: 0 25px 50px -12px #00000040;
background: #e3e3e3;
border-radius: 20px;
}
.inner {
display: grid;
grid-template-columns: 1fr 380px;
gap: 24px;
}
.right {
position: relative;
}
img {
background: #e3e3e3;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.