Move Thumbnail to Top Row in Cart on Mobile

Hi There,
I wanted to add a thumbnail to the Cart page in WooCommerce on mobile, so I created the following CSS. Everything works good, except the thumbnail appears on the 2nd row in the center. Does anyone know how to fix this code? I would like the thumbnail to appear on the top row on the right-hand-side (with the “X” to cancel on the left-hand side of the same row). Any guidance would be greatly appreciated!

`/** add thumbnail to cart on mobile **/
@media (max-width: 768px) {
.woocommerce-page table.cart .product-thumbnail {
display: block !important;
}
.woocommerce-page table.cart .product-thumbnail img {
max-width: 100% !important;
float: none;
display: table;
margin: 0 auto;
}
}
/** hide colon above thumbnail in cart on mobile **/
.woocommerce-page table.cart .product-thumbnail:before {
display: none;
}
}

The page I need help with: [log in to see the link]