JSFiddle - React, Tailwind, and code Playground

by Anderson Carlos Woss

HTML

<div></div>

CSS

div {
  --height: 200px;
  width: calc(var(--height) * 2);
  height: var(--height);
  border: 1px solid black;
  border-top-left-radius: calc(var(--height) * 2);
  border-top-right-radius: calc(var(--height) * 2);
}