Moving Product Description on mobile

Hello, below is my product page on desktop view. I have made adjustsments with code to the layout, and I am happy with it. Except mobile view.

Below is the mobile view for the product page :

1.2. 

The section with the green Icons, and text above it, is actually "description" section. It displays fine on my desktop view, but on mobile view, it has been pushed down to the bottom of the page, it is even below the reviews as you can see.

How do I make it the same as desktop view where these green icons and text is above the "purchase" button.

Thank you.

PRODUCT PAGE: 

https://www.mozerisfineantiques.com/rings/p/gold-and-platinum-emerald-ring-ame7n

I have managed to do it with following code: 

//mobile view description
@media screen and (max-width: 767px) {
    /* Ensure the product details container is treated as a flexbox */
    .ProductItem-details {
        display: flex;
        flex-direction: column;
    }

    /* Move the add-to-cart button higher (to order 2) */
    .ProductItem-details .sqs-add-to-cart-button-wrapper {
        order: 2 !important;
    }

    /* Move the product details (description) below the add-to-cart button */
    .ProductItem-details-excerpt {
        order: 3 !important;
    }

    /* Move reviews section further down if needed */
    section.reviewsSection.O_TZtXma8b5KXnfG16jW {
        order: 4 !important;
    }
}