Removing white space in mobile view and adjusting position of elements

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

I have the same issue as the person in this post:

My website is https://www.ruachcreativity.com/. I'd also like to know how to position elements that get all out of whack when in mobile view for some reason. On this page, https://www.ruachcreativity.com/shop-2/lily-az4nh, the purchase button is off to the right and not centered. I'm not sure if this is an issue for most users, but the translation to mobile isn't that great. Thanks for any help you can provide! 

I was able to figure it out on my own. I used the following in Custom CSS:

.gallery-fullscreen-slideshow[data-width="full"] 
{
height:60vw !important;   
  }}