JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

<section>
  <div>
    
    <img src="https://dummyimage.com/600x300/fa3452/fff.png" alt="">
  </div>
</section>

CSS

section {
  padding: 40px;
}

img {
  padding: 0 8px;
  
    background-image:
      linear-gradient(to right, transparent 20%, rgb(0 0 0 / 0.2)),
      linear-gradient(to left, transparent 20%, rgb(0 0 0 / 0.2));
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 8px 100%;
  display: block;
  padding: 0 8px;

}


* {
  margin: 0;
  padding: 0;
}