JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
    <div class="bar"><p>Absatz!</p></div>
</div>

CSS

.foo {
    max-width: 500px;
}

.bar {
    padding-top: 100%;
    background: orange;
    position: relative;
}

.bar p
{
    position: absolute;
    top:0;
    left:0;
}