Image block qu: show different offset on desktop and mobile

Site URL: http://www.emmaashrujones.com

Hiya,

I'm using collage image blocks to format testimonials on this site: https://www.emmaashrujones.com/coaching

They're looking great on desktop, but on mobile, it looks like the client is peeking out over the text card.

Is there a way to reduce the [vertical] overlap on mobile?

Thank you! 😺

Add to Design > Custom CSS

/* Collage block */
@media screen and (max-width:767px) {
figcaption.image-card-wrapper {
    margin-top: 10px !important;
}
}

You're a legend!

Sorry @tuanphan - another question! The code above ended up changing how all of my image blocks look on mobile (I've temporarily taken the text out of the image block to avoid this happening, screenshot of how it was appearing attached).

Is there a way of applying this reduced margin to specific image block formats? I would like this margin to be reduce on "collages" only (ie. not images and captions formatted as 'stack', 'overlap' 'cards' and so on). 

Is this possible?