<div class="wrapper">
<div class="item">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus ut iusto molestias quam alias neque rem cumque explicabo nihil a.
</div>
<img src="https://i.pinimg.com/originals/47/78/3b/47783ba62f5bc6d9027ccd6faabd3fff.png" alt="">
</div>
img {
display: block;
width: 250px;
height: 280px;
margin-top: -20px;
position: relative;
z-index: 10;
}
.wrapper{
border: 4px solid red;
margin: 50px 0;
height: 200px;
border-bottom: transparent;
position: relative;
display: flex;
align-items: center;
padding: 0 0 0 20px;
}
.wrapper:after{
content: "";
display: block;
width: 100%;
height: 4px;
background: red;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.