How can a single product page show separate product images instead of the default WooCommerce gallery?

I’m currently building a woocommerce website with the use of elementor for the customization of single product page. The problem is that my client wants a very specific product gallery as shown in the photo attached, plus variation swatches. No matter how I searched for a related plugin, I couldn’t find anything for this implementation.