<style>

    input[type="checkbox"].zoom {

     display: None;

    }

    input[type="checkbox"].zoom ~ img {

     border: solid 2px #ffffff;

     border-radius: 20px;

     cursor: zoom-in;

     transition: transform 0.7s;

     max-width: 100%;

     height: auto;

    }

    input[type="checkbox"].zoom:checked ~ img {

      transform: scale(2.0, 2.0);

      cursor: zoom-out;
    }

</style>