Mobile Index thumbnail hover title position on bottom part of image

Site URL: https://www.noiamarart.com/

Hello,

Wanted to see if anyone is able to help me out with figuring out how to change the title position (bottom of image, not under the image) to my thumbnail images when you hover over the image. *ONLY on Mobile VIEW! (added example pictures of a similar site)

Currently when you hover over the image the title shows in center of image and the opacity covers the whole image. Also, seems like only first image on Mobile Viewing has the functioning opacity and title hover, as if it gets stuck on the first image. 

Got the Avenue template, fyi.