.smooth-img img{
  transition: transform 7s linear !important;
  will-change: transform;
}

.elementor-column:hover .smooth-img img{
  transform: translateY(calc(-100% + 100vh));
}

/* CARD */
.portfolio-card{
  max-width:350px;
  margin:auto;
}

.portfolio-inner{
  padding:10px;
  border-radius:10px;
  background:#1b1b1b;
  box-shadow:0 2px 10px rgba(0,0,0,.1);
}

/* IMAGE SCROLL */
.portfolio_project_img{
  height:200px;       /* visible area */
  overflow:hidden;
  border-radius:8px;
}

.portfolio_project_img img{
  width:100%;
  display:block;
  transition: transform 8s linear;
  will-change: transform;
}

/* HOVER: FULL SCROLL */
.portfolio_project_img:hover img{
  transform: translateY(calc(-1 * (100% - 200px)));
}

/* TITLE */
.portfolio-title{
  text-align:center;
  margin-top:20px;
}

.portfolio-title a{
  color:#fff;
  text-decoration:none;
  font-weight:600;
}

/* BUTTON */
.portfolio-button{
  display:block;
  text-align:center;
  margin:15px 0 0 0;
}

.portfolio-button a{
  display:inline-block;
  padding:8px 20px;
  background:#000;
  color:#fff;
  text-decoration:none;
  border-radius:5px;
  font-weight:600;
  transition:0.3s;
}

.portfolio-button a:hover{
  background:#2D66C2 !important;
  color:#fff !important;
}