Product Magnification without JavaScript

<div class="container">

  <div class="zoom">

    <div class="zoom__top zoom__left"></div>

    <div class="zoom__top zoom__centre"></div>

    <div class="zoom__top zoom__right"></div>

    <div class="zoom__middle zoom__left"></div>

    <div class="zoom__middle zoom__centre"></div>

    <div class="zoom__middle zoom__right"></div>

    <div class="zoom__bottom zoom__left"></div>

    <div class="zoom__bottom zoom__centre"></div>

    <div class="zoom__bottom zoom__right"></div>

    <img class="zoom__image" src="https://www.emmettlollis.com/productphotography/images/product-01.jpg" alt="">

  </div>

</div>