@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  }
  
  @media only screen and (min-width: 601px) {
    .box-shadowed-zoomable:active, .box-shadowed-zoomable:active {
      opacity: 1;
      animation-name: fadeInOpacity;
      animation-iteration-count: 1;
      animation-timing-function: ease-in;
      animation-duration: 0.125s;
    }
    }
  
    /* transform intereferes with stackign context of the zoomable images, 
    commenting out until solution found */
  
  /*
  
  @keyframes flipdown {
  
    0% {
      opacity         : 0;
      transform-origin: top center;
      transform       : rotateX(-90deg);
    }
    100% {
      opacity: 1;
      transform-origin: top center;
      transform       : rotateX(0deg);
    }
  }

.drop-down-wrapper{
    position: relative;
    z-index: 1;
}
  
  .droptext {
    animation : flipdown 0.5s ease both;
    transition: all 0.15s ease-in-out;
  }
  
  .dropspot {
    animation : none 0s !important;
    transition: none 0s !important;
  }

  */