JSFiddle - React, Tailwind, and code Playground

HTML

<div class="products-card-menu">test</div>

CSS

.products-card-menu {
    position:relative;
    margin:100px;
}
.products-card-menu:hover:before { content: ''; top: -16px; left: 50px; width: 38px; height: 20px; background: #00c039 url(../images/catalogue_active_mask.png) no-repeat; position: absolute; }


.ins {
    top: -16px; left: 50px; width: 38px; height: 20px; position: absolute;  background:red; 
}

JavaScript

$('.products-card-menu').hover(function(){
    $(this).append('<div class="ins"></div>');    
}, function(){
    $(this).find('.ins').remove();
});