/* https://stackoverflow.com/questions/4847850/is-it-possible-to-define-constants-in-css */

:root {
  --scale: 1.1;
  --speed: 500ms;
}

.zoom {
  -moz-transition: transform var(--speed) ease;
  -webkit-transition: transform var(--speed) ease;
  -ms-transition: transform var(--speed) ease;
  -o-transition: transform var(--speed) ease;
  transition: transform var(--speed) ease; /* Animation */
}
.zoom:hover {
   -moz-transform: scale(var(--scale));
   -webkit-transform: scale(var(--scale));
   -o-transform: scale(var(--scale));
   -ms-transform: scale(var(--scale));
   transform: scale(var(--scale));  /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}