Image disappears when I add a link

I use your code:

#top .col-work {
margin-left: 1% !important;
margin-top: 0;
margin-bottom: 10px;
}

#top .col-work.av_one_half {
width: 49.5%;
}

#top .col-work.av_one_third {
width: 31.83333332%;
}

#top .col-work.av_two_third {
width: 67.16666667%;
}

#top .col-work.first {
margin-left: 0 !important;
}

#top .col-work .avia-image-container-inner {
position: relative;
overflow: hidden;
height: 462px;
width: 100%;
}

#top .col-work .avia-image-container-inner img.avia_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 462px;
}

#top .col-work .avia-image-container-inner img.avia_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 462px;
-o-object-fit: cover;
object-fit: cover;
}

If I remove this, image appears (but I need to keep this code).

Thanks

Hi,
Where did you find this css code ?
You’ll find all the custom css I added in private content.
The code in the message #1039269 is css you gave me (and that works perfectly).
Thanks in advance
Nicolas

Hi,

Sure: https://kriesi.at/support/topic/column-with-same-height-pictures-inside/

Best regards,
Nicolas

Hi,

Yes but it doesn’t work.
If I do this, the text on image is aligned at the top and doesn’t disappear on rollover.

Anyway I commented out some code :

/* #top .col-work .avia-image-container-inner img.avia_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 462px;
} */

#top .col-work .avia-image-container-inner img.avia_image {
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 462px;
-o-object-fit: cover;
object-fit: cover;
}

And then it seems to work.

What was this code for ?
May I really comment it out ?

Thanks in advance,
Nicolas

Hi Victoria,

It’s ok, you can close this topic, thanks.

Best regards,
Nicolas