JSFiddle - React, Tailwind, and code Playground

by iggyfiddle

HTML

50px 300px
<div class="top-patty">
  <img src="https://i.imgur.com/4ELg89R.png">
</div>

20px 100px
<div class="meat">
    <img src="https://i.imgur.com/InAC0Ug.png">
</div>

35px 300px
<div class="bottom-patty">
  <img src="https://i.imgur.com/4oTn2gU.png">
</div>

CSS

img {
    max-width: 100%;
    max-height: 100%;
}

.meat {
  height: 20px;
  width: 100px;
}

.top-patty{
  height: 50px;
  width: 300px;
}
.bottom-patty {
  height: 35px;
  width: 300px;
}