JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="post-wrap">		
		
        <li>		
            <div class="image">
                <a class="perma" href="<?php the_permalink(); ?>">Read More</a>
                    <?php if ( has_post_thumbnail() ) { ?>
                        <a href="<?php the_permalink(); ?>">
                            <?php the_post_thumbnail(); ?>
                        </a> 
            </div>
							
            <aside class="details">
                <div class="details-wrap">
                    <h1 class="large-link"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
                    <p><?php content('25'); ?></p>
                </div>
            </aside>
		</li>

	</ul>

JavaScript

$(function(){
	$(".post-wrap li").hover(function() {
	   $(this).children(".perma").fadeIn("slow");        
	},function(){
	   $(this).children(".perma").fadeOut("slow");
	});
});