JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
	<div class="inner">
		Соотношение сторон 16×9
	</div>
</div>

CSS

.block {
	background-color: #ff6;
	padding-bottom: 56.25%;
	position: relative;
}

.inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #333;
}