.work img {
filter: drop-shadow(15px 0px 15px black);
margin-bottom:10px;
}
  
.work .info {
      opacity: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: absolute;
      background-color: rgba(0, 0, 0, .5);
      color: white;
      font-size: 22px;
      width: 93%;
      height: 86%;
      top: 0;
}

.info span {
border-bottom:2px solid white;
}
      
.work .info:hover {
        opacity: 1;
        transition: opacity 0.5s;
}

.feature {
font-size:22px;
text-align:center;
font-weight:550;
animation: big 2s;
}

@keyframes big {
0% {transform: scale(0.2);}
95% {transform: scale(1.7);}
100% {transform: scale(1);}
}

.logofly {
max-width:200px;
display: inline;
margin-bottom:-5%;
margin-left:70%;
z-index:999;
filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.8));
animation:flying 4s infinite;
}


@media screen and (max-width:688px) { 
.logofly {
margin-left:43%;
}
}

@keyframes flying {
0%, 100% {transform: translate(10px, 10px);}
50% {transform: translate(15px, 30px);}
}


.frame {
padding:3.5%;
background-repeat: no-repeat;
background-size: 15% 100%;
background-position: 0 0, 100% 0, 100% 100%, 0 100% ;
background-image:linear-gradient(#e91e63, #00bcd4),linear-gradient(transparent, transparent), linear-gradient(#00bcd4, #e91e63), linear-gradient(transparent, transparent);
/*background-image: linear-gradient(#00bcd4, #e91e63), linear-gradient(transparent, transparent), linear-gradient(#00bcd4, #e91e63), linear-gradient(transparent, transparent);*/
}

.framep {
padding:3.5%;
margin-bottom:30px;
background-repeat: no-repeat;
background-size: 20% 22%;
background-position:100% 100%, 0 0, 0 0, 100% 100%;
background-image:linear-gradient(transparent, transparent), linear-gradient(#e91e63, #00bcd4), linear-gradient(transparent, transparent), linear-gradient(#e91e63, #00bcd4);
}