JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.bharatint.com/img/categories/our-cat-shop-image.png" alt="">
<div class="border"></div>

CSS

img{
  display: block;
  width: 300px;
  height: auto;
  margin: auto;
  position: relative;
  z-index:100;
}
.border{
  position: absolute;

  width:300px;
  height:100px;
  border:3px solid #ff0;
  border-top-width:0;
  left:100px;
  top:70px;
}
.border:after{
  content:'';
  position:absolute;
  display: block;
  left: 0;
  right:0;
  z-index:10000;
  height:3px;
  top:0;
  background: #ff0;
}