Customize project thumbnail image position

[MargauxLallart]

Hello there,

I'm looking since few days to customize some positions of project thumbnail image.
I'm in a category and I want to have my projects thumbnails title only, and on hover having the image but not at the top position, but behind the title, on the right side and change the opacity? Is that possible ?
Because I've tried to give an div class to my projects thumb. and then customize in the CSS like this :

.test .thumb-rel{
	visibility: hidden; }

.test:hover .thumb-rel{
	visibility: visible; }

But when I tried to change the position or to put a z-index to put at the back nothing happen.
And the same as a last topic I've seen from 2018, if I leave my image with

display:none;

Then my thumbnail-box is still here but empty, did you find a way to change this ?

Thanks a lot top help me!!!

[mariusjopen]

Dear @MargauxLallart
Can you post a link to your website?
We will then have a look and inspect that!

Many wishes!!

Marius