Prevent background image from getting cut off on large screen sizes

I'm having such a difficult time with this background image on different screen sizes. It looks good on my phone and ipad and smaller laptops, but on my laptop with a 15.6" screen it gets cut off on the top and bottom. Is there any way to set a max size for it, so it does not zoom in any further, no matter the screen size? Open to all suggestions. Site is tabithastorm.com

Images below show bad example, then ideal example.

I checked that the max-wi

#collection-57f43a12f7e0ab1426304522 .index-section-wrapper .content {
  max-width: unset;
}

I check that the max-width style prevents the images showing fully

Try the following code to make it pass the max-wid

#collection-57f43a12f7e0ab1426304522 .index-section-wrapper .content {
  max-width: unset;
}

Let me know how it works on your site