.col-cards {
  margin-bottom: 2%;
}

.card-portfolio {
    padding: 50px;
    background-color: #dcdcdcc7;
    transition: transform .2s; /* Animation */
    width: 500px;
    height: 500px;
    margin: 0 auto 10% auto;
  }

.card-portfolio:hover {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.img-card {
  max-height: 300px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .portfolio-card {
    height: 570px;
  }
}