JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cat_image_table">test</div>

CSS

.cat_image_table {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width:255px;
    margin:0;
    padding:0;
    border-spacing:0;
    border:none;
    height:300px;
    overflow:hidden;
    background:red;
}

JavaScript

$(document).ready(function(){   
    $('cat_image_table').on("mouseenter", function(){
        $(this).fadeOut();
    });
});