Text overlapping image on mobile (7.1)

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

Hi there

On the mobile view of my homepage I would like to not overlap the image with text. The symbol R should be fully visible! Any way to address this via CSS? 

Thank you.
Best, Sibylle

13 minutes ago, hello_studiofrey said:

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

Hi there

On the mobile view of my homepage I would like to not overlap the image with text. The symbol R should be fully visible! Any way to address this via CSS? 

Thank you.
Best, Sibylle

And I can't fix the pagination size on mobile in Work. Can you please help me with that @tuanphan?

Thank you so much.

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-4e7a71e5993785afd487 figcaption.image-card-wrapper {
    margin-top: 40px;
}
h2.item-pagination-title {
    font-size: 24px !important;
}
}

17 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-4e7a71e5993785afd487 figcaption.image-card-wrapper {
    margin-top: 40px;
}
h2.item-pagination-title {
    font-size: 24px !important;
}
}

 

You are amazing! Thank you so much.