How do I reduce images on Boundless theme and remove white spaces between product image and descript

[4Fammerch]

 I am currently using the boundless theme my images are super big and when I use a code to reduce the size the images and product description had a huge white space in between. 

my url is www.4fammerch.com

[paramSoft · Accepted solution]

Please place this code at the end of theme.scss

.product__photo--single img {
    transform: translate(-50%, 0%);
    width: 62%;
    left: 50%;
}
.product__photo--single  {
    padding-top: 62% !important;
    padding-bottom: 22px;
}
.product__photo grid__item {
height: 50%;
}