/* card image animate */
.card-animate {
  transition: all 0.3s linear;
  position: relative;
}
.card-animate .card-animate__img {
  transform: rotate(0);
  scale: 1;
  transition: all 0.3s linear;
}
.card-animate .card-animate__heading {
  background-color: rgba(189, 156, 109, 0.3254901961);
  transition: all 0.3s linear;
}
.card-animate:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.75rem;
  background-color: rgba(0, 0, 0, 0.2901960784);
  transform: translateY(100%);
  transition: all 0.3s linear;
}
.card-animate:hover .card-animate__img {
  transform: rotate(-2deg);
  scale: 1.07;
}
.card-animate:hover .card-animate__heading {
  background-color: #f28f00;
}
.card-animate:hover:after {
  transform: translateY(0);
}