Move product title in line with top of first image

Hi folks 🙂

I'd like to move the product title up a bit so it's in line with the top of the first image: https://stingray-cheetah-ykke.squarespace.com/shop-all-cross-stitch-kits/p/pinkhamsamoderncrossstitchkit 

I'd also like to reduce the gap between the breadcrumbs & image so there isn't as much white space...

Any help appreciated!

Thanks in advance

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS

/* align image title */
section.product-details.ProductItem-details {
    padding-top: 0px !important;
}