JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<div class="container">
  <a href="#">
    <img src="https://placecats.com/millie/300/150"/>
  </a>
  <div class="frame">
    <div class="inner-frame">
      
    </div>
  </div>
</div>

CSS

.container {
  border-radius: 16px;
  border: solid 1px grey;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.frame {
  background-color: lightblue;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  width: auto;
}