.features-4x-section__card-item {
  top: 0;
  width: 100%;
  height: 200px;
  margin: 16px 0;
}
.features-4x-section__card-item, .features-4x-section__card-item-mask {
  transition: all 0.3s ease;
}
.features-4x-section__card-item-mask {
  position: absolute;
  inset: 8px;
  bottom: -4px;
  border-radius: 24px;
  opacity: 0.8;
  background-color: var(--primary);
  z-index: 1;
}
.features-4x-section__card-item:hover {
  top: -8px;
}
.features-4x-section__card-item:hover .features-4x-section__card-item-mask {
  background-color: var(--yellow);
}
@media (max-width: 991px) {
  .features-4x-section__card-item {
    margin: 12px 0;
    height: 180px;
  }
}

.features-4x-section {
    position: relative;
    padding: 70px 0;
}