.hero-section {
  height: 220px; /* puoi variare tra 200-250px */
  background: #3357a5; /* blu bootstrap, puoi cambiare */
}

.video-card {
  cursor: pointer;
}

.video-card img {
  transition: transform 0.3s ease;
}

.video-card:hover img {
  transform: scale(1.05);
}

.play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: rgba(255, 255, 255, 0.9);
  pointer-events: none;
}