Mobile styling for banner image with card

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

Is there a way to style the slideshow banners with cards for mobile so they display with the card underneath the full image? 

Currently on mobile my right side oriented photos are completely cut off, and even if I resize them with min-height: unset and object-fit: contain, the card is still in the way.  Here's a mockup of how i'd like it to look on mobile

I see you solved this? But header is overlap image, you can use this CSS code to prevent overlap

@media screen and (max-width:767px) {
section[data-section-id="67048870a7665857a249a188"] {
    margin-top: 50px;
}
}