Move and align 'Additional Info' box on product page

Site URL: https://turbot-armadillo-ja5c.squarespace.com/

Hi Guys and Gals,

The site p/w: SandraCB (the page I am using to test this is wine shop UK products, and the product is 'Heloise'.

I am trying to work with the limitations on the product page.  I am trying to get the following to work:

1. The Additional Info text to align with the excerpt and text above (or vice versa)  (image 13) 

2. The Additional Info box to run directly underneath the excerpt box so it looks as though the text continues and to lose the huge amount of dead space where the image of the wine bottle ends and the additional info text begins (all images)

I have successfully used CSS to change the order of the top items, but struggling with the rest.

Any ideas?

Thank you!

I have managed to sort out the alignment issue (this was 'content indent' in the main menu)  So now I would just like to move the additional content to show under the add to cart text.

Thank you

Found the answer to the alignment with this css:

.ProductItem-gallery-slides-item-image {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}
.ProductItem-gallery-slides-item.selected.going-next.loaded {
    padding-bottom: 50% !important;
}

Hope this is of help to others 😊