style: tweak pin marker layering and image hover

public/assets/pinboard.css

@@ -56,6 +56,7 @@
   width: 18px;
   height: 18px;
   transform: translateX(-50%);
+  z-index: 1;
   border-radius: 50%;
   background: radial-gradient(circle at 35% 35%, #f2f2f2, #979797 68%, #707070 100%);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
@@ -100,6 +101,10 @@
   border-radius: 0.25rem;
 }
 
+figure.pin-note__image-wrap a:hover img {
+  transform: none;
+}
+
 .pin-note__headline {
   margin: 0 0 0.5rem;
   font-size: 1.1rem;