body, div, main, section, article {
  box-sizing: border-box;
}

h1 {
  margin: 0;
}

.clear {
 clear: both; 
}

img {
  /* This  makes sure images are not blurred. */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Chrome */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
  max-width: 100%;
}


.favs {
  position: relative;
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated; /* Chrome */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */

  position: relative;
  z-index: 0;
  margin: 1px 1px 0px 0px;
  filter: drop-shadow(0 0 0px rgba(0, 0, 0, 1));
  transition: .5s;
}

.favs:hover {
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated; /* Chrome */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */

  position: relative;
  z-index: 1;
  transform: scale(1.2);
  background-color: transparent;
  filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
  transition: .1s;
}