.service-wrap {
  position: relative;
  margin: 40px 0 95px;;
  max-width: 350px;
}
.service-wrap.second,
.service-wrap.third {
  float: right;
}
.service_hover-img {
  position: absolute;
  opacity: 1;
  z-index: -1;
  bottom: 70%;
  left: -70px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.service_hover-img img {
  /* width: 100%; */
}
.service_number {
  font: 16px/18px 'NeueHaasGroteskRegular';
  margin: 10px 0;
}
.service_title {
  font: 32px/32px 'NeueHaasGroteskMedium';
  color: #0F0F0F;
  margin: 10px 0;
}
.service_content {
  font: 22px/30px 'NeueHaasGroteskRegular';
  margin: 0px 0px 40px;
  color: #0F0F0F;
}
.service_button {
  opacity: 0;
}
.service-wrap:hover .service_hover-img,
.service-wrap:hover .service_button {
  opacity: 1;
  z-index: 10;
}