.hero {
  background: url('https://es.kampaoh.com/wp-content/uploads/2023/12/imagenes-2023-12-29T124239.337.jpg') no-repeat center center/cover;
  height: 90vh;
  position: relative;
}
.hero::before {
  content: "";
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.5);
}
.hero .container {
  position: relative;
  z-index: 1;
}
.hover-box {
  transition: transform 0.3s;
}
.hover-box:hover {
  transform: translateY(-5px);
}