background image getting cut off when resizing browser

I have a carousel with background images (each image is 1920px by 1080px). I have some text and card panels overlaying the background images. Everything looks great when the browser window is extended full size. When I reduce the size of the browser window, the bottom of the background image is truncated along with the bottom half of one of the card panels, leaving a white space along the bottom. Is there a setting that will avoid having page truncated at the bottom?

The height in the Bootstrap Carousel is determined by the size of the images in the slides. It's not dynamically responsive, like a Bootstrap column. This is probably what is causing your problem. Can you post a link to page so I can take a look, or a download link to your .bsdesign file?