remove opacity on hidden overlay link items, which messed with clickability on ios

web/src/components/events/eventItem.module.scss

@@ -98,7 +98,7 @@
     }
   }
 
-  &:hover {
+  /*&:hover {
     opacity: 1;
     .text {
       &:before {
@@ -106,7 +106,7 @@
         opacity: 1;
       }
     }
-  }
+  }*/
 }
 
 .image {

web/src/css/base.scss

@@ -186,13 +186,13 @@ select {
   left: 0;
   width: 100%;
   height: 100%;
-  opacity: 0;
   overflow: hidden;
   text-indent: -9999px;
   z-index: 10;
 }
 
-.linkItem {
+@media (pointer: fine) {
+  .linkItem {
     transition: opacity var(--transition-easing);
     cursor: pointer;
   
@@ -204,6 +204,7 @@ select {
     &:has(:focus-visible) {
       box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
     }
+  }
 }
 
 .anchorLinks {