.portfolio-box{
    /* padding: 4rem 0; */
    position: relative;
    width:100%;
    max-height:18.5rem;
    overflow:hidden;
    margin-bottom: 1.2rem;
    border-top: solid aqua 0.8rem;
}



.portfolio-info{
    width:100%;
    background-color: rgba(purple);
    width: 100%;
    height: 100%;
       position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%,-50%);
        
        top: 0;
        left:0;
        opacity: 0;
        visibility: hidden;
       
    }

    .caption{
        text-align:center;
     position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%,-50%);
        color: white;
      }


    
       
        
        .portfolio-info{
            transform: scale(1.5);
            transition-duration: 1000ms;
            transition-property: all;   
          visibility: visible;
          opacity:1;
          transition-duration: 1000ms;
           transition-property: all;   
        }