JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<div class="imgHover"><div class="hover">architha j.b
This small little creature is a Formula 1 driver. Funny thing - she needs to get out of the car to pay toll on the road. She moved from Bangalore to Gurgaon for Zomato and teaches her team how to drive </div><img src="https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcTo-PAMDZr7Jibh5v4JwNvdSOtlEs2e4O3YsyG4GOe6yS5D51BAgQ" alt=""></div>

<div class="imgHover"><div class="hover">architha j.b
This small little creature is a Formula 1 driver. Funny thing - she needs to get out of the car to pay toll on the road. She moved from Bangalore to Gurgaon for Zomato and teaches her team how to drive </div><img src="https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcTo-PAMDZr7Jibh5v4JwNvdSOtlEs2e4O3YsyG4GOe6yS5D51BAgQ" alt=""></div>

<div class="imgHover"><div class="hover">architha j.b
This small little creature is a Formula 1 driver. Funny thing - she needs to get out of the car to pay toll on the road. She moved from Bangalore to Gurgaon for Zomato and teaches her team how to drive </div><img src="https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcTo-PAMDZr7Jibh5v4JwNvdSOtlEs2e4O3YsyG4GOe6yS5D51BAgQ" alt=""></div>
<div class="imgHover"><div class="hover">architha j.b
This small little creature is a Formula 1 driver. Funny thing - she needs to get out of the car to pay toll on the road. She moved from Bangalore to Gurgaon for Zomato and teaches her team how to drive </div><img src="https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcTo-PAMDZr7Jibh5v4JwNvdSOtlEs2e4O3YsyG4GOe6yS5D51BAgQ" alt=""></div>

CSS

.imgHover {
        display: inline;
        position: relative;
    }
    .imgHover .hover {
        display: none;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 2;
        width:239px;
        height:110px;
        /*background:#CCC;*/
        top:-110px;
        
    }

JavaScript

$(function() {
    $(".imgHover").hover(
        function() {
            $(this).children("img").fadeTo(200, 0.15).end().children(".hover").show();
        },
        function() {
            $(this).children("img").fadeTo(200, 1).end().children(".hover").hide();
        });
});