.img_captation {
    position: relative;
    opacity: 1;
    }
    
    .img_captation :hover {
    opacity: 0.5;
    }
    



   
    /* The overlay effect - lays on top of the container and over the image */
   
    .overlay {
      position: absolute;
      bottom: 10px;
      left: 10px;
   
      background-color: rgba(0, 0, 0, 0.25);
      /* Black see-through */
      width: 170px;
      height: 30px;
      transition: .5s ease;
      opacity: 1;
      color: #F7F7F7;
      font-size: 12px;
      padding: 7px;
      text-align: center;
    }


    #notificacao {
      position: fixed;
      z-index:100;
      width: 100%;
      bottom: auto;
      height: auto;
      left: 0;
      background-image: linear-gradient(-25deg, #f3bf21 15%, #ffffff 98%);
      transition: bottom .5s linear;
      color: black;
      font-size: 1em;
      text-align: center;
      padding:10px;
    
    }
    #notificacao.show {
      bottom: 0px;
    }