.hero-section {
  background: var(--hero-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mentor-card-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

/* ✅ Mobile screen override */
@media (max-width: 767px) {
  .hero-section {
    background-image: url('../images/bg/02.jpg');
  }
}