Product section form block order on mobile

gistfile1.txt

@media only screen and (max-width: 767px) {
    .product__inner {
        display: grid;
        grid-template-areas:
        "title"
        "price"
        "variants"
        "quantity"
        "remaining"
        "buttons"
        "description";
    }
  .product__block__title{
    grid-area: title;
  }
  .product__block__price{
    grid-area: price;
  }
  .product__block__description{
     grid-area: description; 
  }
  .product__block__variants{
     grid-area: variants; 
  }
  .product__block__quantity{
     grid-area: quantity; 
  }
  .product__block__remaining{
     grid-area: remaining; 
  }
  .product__block__buttons{
     grid-area: buttons; 
  }
}