Poster Image display on Mobile

Site URL: https://www.angie-robinson.com/cultivating-connection/

Hello!

I am trying to use a poster block to to create a section on my index page. It looks good on desktop, but when I go to mobile view the image shrinks down so much. Is there any css that would help to stretch the white box (is is a white jpg image) on mobile? Here is a screenshot of what it looks like. Thanks!!

Website url:  https://www.angie-robinson.com/cultivating-connection/

Add to Home > Design > Custom CSS

/* White box poster */
@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1598047767488_12052 .image-inset {
    padding-bottom: 100% !Important;
}
}

Thank you so much!!! You are magic!

@tuanphan Hi I'm having a similar issue with posters. Can't seem to fit the text and the button in the image on mobile. I've tried to above code as well as other's you've replied too and replaced my blocks but there may be something else to it I'm guessing.
Could you help me out by any chance? On "Home (copy)" #block-yui_3_17_2_1_1630518621925_4986 but will apply to others.

https://iris-decagon-2j3k.squarespace.com/config/ 

Pass: 123456

Thank you in advance!!

9 hours ago, Jadecam said:

@tuanphan Hi I'm having a similar issue with posters. Can't seem to fit the text and the button in the image on mobile. I've tried to above code as well as other's you've replied too and replaced my blocks but there may be something else to it I'm guessing.
Could you help me out by any chance? On "Home (copy)" #block-yui_3_17_2_1_1630518621925_4986 but will apply to others.

https://iris-decagon-2j3k.squarespace.com/config/ 

Pass: 123456

Thank you in advance!!

Here's the screen shot for reference

On 9/2/2021 at 9:24 PM, Jadecam said:

Here's the screen shot for reference

Hi,

It is fine here. Do you still need help?