JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dropdown">
	<a class="__link" href="#">Ссылка 4</a>
	<div class="dropdown_content"></div>
</div>
<div class="">saddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
</div>

CSS

.dropdown_content 
{
	opacity: 0;
        position: absolute;
        z-index: -1;
        background-color: #121212;
        width: 1250px;
        left: 50%;
        margin-left: -625px;
        transition: opacity 1s;
        height:358px;
}

.dropdown:hover .dropdown_content 
 
{
	opacity: 1;
        z-index: 100;
}