<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.