.smallnote {
        font-size: 10px;
        margin-top: 5px;
        margin-left:3px;
 }
 
 .species {
        margin-bottom:25px;
  }
  
  .phenologycontent {
        position: absolute;
        bottom: 0;
        display: none;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }
    .species:hover .phenologycontent {
        display: block;
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        transition-duration: 0.3s;
        transition: .5s ease;
    }
    .phenologycontent .flowers {
        display: block;
        background: #003258 !important;
        opacity: 1;
        color: #fff;
        padding: 10px;
        margin-top: 60%;
    }
    
     .notfound {
        text-align: center;
        font-weight: bold;
        margin-top: 70px;
    }