Image is being cut off on mobile site

Hello!

I'm having trouble fixing an issue on the mobile site. There is too much blank space, and it's cutting off my image. Any suggestions? 

The man in the photo is holding a sign that needs to be visible.

Hi,

Can you share link to page in screenshot?

https://www.calvaryupc.net/first-time

Add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:640px) {
body#collection-641c706da65da51b6784598a {
.Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
.Parallax-item, .Parallax-item figure, section.Intro.Intro--has-image {
    height: 250px !important;
}
section.Intro.Intro--has-image {
    height: 200px !important;
}
}}

With these space, this is 2 empty Text Block, you can remove it