.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



  
    @media screen and (max-width: 500px) {
          .mainimg.sink_float,.soluble_insoluble,.broken,.tto {
            width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
            justify-content: space-around;
            display: flex;
            }
          }
        @media only screen and (min-width: 481px) and (max-width: 767px){
          .mainimg,.sink_float,.soluble_insoluble,.broken,.tto {
            width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
            justify-content: space-around;
            display: flex;
          }
        }
        @media only screen and (min-width: 768px) and (max-width: 1000px){
          .mainimg.sink_float,.soluble_insoluble,.broken,.tto {
            width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
            justify-content: space-around;
            display: flex;
          }
        }
        @media only screen and (min-width:0px) and (max-width:480px){
        .mainimg.sink_float,.soluble_insoluble,.broken,.tto {
            width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
            justify-content: space-around;
            display: flex;
          }
        } 
}
}