Stop title text from leaving the bounds of the a photo

Site URL: https://www.floodedandforgotten.com/stories-and-quotes

I am in 7.1, and have some photos that are in poster mode, with text overlaid. It looks fantastic in desktop mode, but once in mobile mode, the text ends up outside of the images, and everything begins to overlap. Any way to address this via CSS? I am really hoping so, because I like the appearance in desktop mode. 

Site: https://www.floodedandforgotten.com/stories-and-quotes

Password: F&f1234

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
div#page-section-62b5e9ae8b24c8139a01499d .content-fill {
    padding-bottom: 170% !important;
}
}

On 6/26/2022 at 9:50 AM, tuanphan said:

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
div#page-section-62b5e9ae8b24c8139a01499d .content-fill {
    padding-bottom: 170% !important;
}
}

Dear @tuanphan

I am having the problem the other way round. On the mobile homepage I would like to not overlap the image with text. The symbol R is not fully visible and it should be! Any way to address this via CSS?

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

Thank you. Best, Sibylle

4 hours ago, hello_studiofrey said:

 

See this post