JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

*,
:before,
:after {
  box-sizing: border-box
}

div {
  width: 100px;
  background: red;
}

div:before {
  content: "";
  padding-bottom: 100%;
  display: block
}