.hero {
  height: 60vh;
  background: url('../images/mechanic.jpg') center/cover no-repeat;
  position: relative;
  
}
.card {
  background: #fff;
  padding: 40px 25px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.card-red{
    background-color: red;
}