Reomve overlay not working as expected

Please read the previous reply by me and here is an additional screenshot.
[code]
https://5btech.net/development/hover-text.png
[/code]
I want to remove the mouseover and mouseout events on the images in the grid on case studies section on the home page. (But nowhere else). These are being added by your theme and in this particular case they are messing up my grid layout.

NO they’re not. Just so I can show you I removed the onclick function from my shortcode but the mouseout and mouseover functions are still there! These are being added by the theme. The functions being added are
[code]
function() {
if (s.length) {
if (a === !1) s.stop().animate({
opacity: 0
}, 400)
}
}

function(a) {
return “undefined” == typeof n || a && n.event.triggered === a.type ? void 0 : n.event.dispatch.apply(k.elem, arguments)
}

function(e) {
var i = o.find(‘img:first’),
r = i.get(0),
l = i.outerHeight(),
f = i.outerWidth(),
d = i.position(),
p = o.css(‘display’),
s = o.find(‘.image-overlay’);
if (l > 100) {
if (!s.length) {
s = t(‘<span class=\’image-overlay ‘ + n + ‘\’><span class=\’image-overlay-inside\’></span></span>’).appendTo(o)
};
if (o.height() == 0) {
o.addClass(r.className);
r.className = ”
};
if (!p || p == ‘inline’) {
o.css({
display: ‘block’
})
};
s.css({
left: (d.left – c) + parseInt(i.css(‘margin-left’), 10),
top: d.top + parseInt(i.css(‘margin-top’), 10)
}).css({
overflow: ‘hidden’,
display: ‘block’,
‘height’: l,
‘width’: (f + (2 * c))
});
if (a === !1) s.stop().animate({
opacity: h
}, 400)
} else {
s.css({
display: ‘none’
})
}
}

function(a) {
return “undefined” == typeof n || a && n.event.triggered === a.type ? void 0 : n.event.dispatch.apply(k.elem, arguments)
}
[/code]
I AM NOT ADDING THESE FUNCTIONS – the theme is.
Look at the source of the events. That is not me.
Seriously I’m pulling my hair out here because you guys won’t answer my question.