.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 50%;
    height: auto;
    transition-delay: 2s;
    /* visibility: hidden; */
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
    padding: 2px 16px;
}
.skill-img-zoom{
  min-height: 130px;
  max-height: 130px;
  width: 100%;
}

.skill-img-zoom:hover {
  transform: scale(1.3);
}
.card1{
  -webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;
}
.card2{
  -webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
animation-delay: 4s;
}