.flexcont .cards{
  flex-wrap: nowrap;
  position: relative;
}

.flexcont .cards img{
  
  mask: url('../images/blob.svg');
  -webkit-mask: url('../images/blob.svg');
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  object-fit: cover;
  animation-name: ani-float;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; 
}

.flexcont .cards:nth-child(2) img{
  mask: url('../images/blob1.svg');
  -webkit-mask: url('../images/blob1.svg');
}
.flexcont .cards:nth-child(3) img{
  mask: url('../images/blob2.svg');
  -webkit-mask: url('../images/blob2.svg');
}
.flexcont .cards:nth-child(4) img{
  mask: url('../images/blob3.svg');
  -webkit-mask: url('../images/blob3.svg');
}



@keyframes ani-float {
  0% { transform: translate(0,  0px) scale(1.3); }
  50% { transform: translate(0, 3px) scale(1.31); }
  100% { transform: translate(0, -0px) scale(1.3);; }    
}