JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"></div>

CSS

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.test{
width:500px;
height:400px;
position:relative;
border-radius: 4px;
  background: center / cover no-repeat url(https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/3d/3d14a4dc7ddf11afd07d4800e6f773165cd9024d_full.jpg);

}
.test:before{
  border-radius:15px;
  transform: translate(-10px, -10px);
position:absolute;
display:inline-block;
  z-index: -1;
width:100%;
height:100%;
top:0;
left:0;
content:'';
background-color: red;
}