Accordion on Product Page

Hi All:

Ugg! I need help!

So, I have successfully managed to get an Accordion Block to appear perfectly between the Product Description and "Add to Cart" button in desktop view. HOWEVER, when I go to mobile view the display order is incorrect. In mobile view the Product Description appears UNDER the "Add to Cart" button! I have tried everything to correct the mobile display order issue - but to no avail. Can anyone help me?

Here is a page to see what I am talking about:
https://frameyourfeline.squarespace.com/aquatic-life/p/sea-lion-staircase

Password is "CAT" 

Many thanks!

-Brian-

You can use this to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
.tweak-product-basic-item-description-position-mobile-below-add-to-cart-button .product-details .ProductItem-details-excerpt-below-add-to-cart {
    order: 2 !important;
    margin-bottom: 0px !important;
}
}