JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fixed" class="sticky-element">
				<div class="fixed-anchor"></div>
				<div class="fixed-content all-transition">
					<textarea></textarea>
				</div>
			</div>
      нужно чтобы когда textarea получает фокус со стороны блок с классом fixed-content принимал значение opacity:1; как будто на него навели

CSS

.fixed-content {
		opacity:0.1;
	}
	.fixed-content:hover {
		opacity:1;
	}