:root {
  --gradient-box-p: 2.5rem;
  --gradient-box-border-radius: 1.5rem;
}

.gradient-box {
  background-size: cover;
  width: 100%;
  padding: var(--gradient-box-p);
  border-radius: var(--gradient-box-border-radius);
  background-image: linear-gradient(100deg, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 65%), url(https://caralegal.eu/wp-content/uploads/2025/10/hero-animated.svg);
}
.gradient-box--no-padding {
  --gradient-box-p: 0px;
}