Image on home page gets cropped on mobile view

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

Hello, I am using an image for my homepage and in the image block I am using the "collage" setting.  It looks fine on the desktop version, however there is a problem with the mobile version where the bottom part of the image gets covered by the text.  Is there any way to create space? I only have a basic account so I cannot insert any html code. I would appreciate any advice, thanks in advance.

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-048b331caff5d0fffe00 figcaption {
    margin-top: 20px;
}
}

Thank you for your reply. But this would mean I have to upgrade my account because as it is, I have no option to enter any code  😞  

On 10/11/2020 at 7:04 PM, eth said:

Thank you for your reply. But this would mean I have to upgrade my account because as it is, I have no option to enter any code  😞  

The code will work in both Trial Plan or Personal Plan (personal is cheapest plan)