.hero-section {
    height: 50vh;
     position: relative;
  background: linear-gradient(
      rgba(0, 0, 0, 0.5), 
      rgba(15, 155, 142, 0.6)
    ),
    url('../img/gallery/munnar-hotels/munnar-luxury-hotel-booking.jpg') center center / cover no-repeat;
  color: white;
  padding: 100px 20px;
  text-align: center;
  animation: bgMove 20s ease infinite;
  background-size: 120% auto;
}

  .hero-section h1 {
    font-size: 2.8rem;
    font-weight: 700;
  }

  .hero-section p {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }

  .hero-section .btn {
    margin-top: 1.5rem;
    font-weight: bold;
    padding: 10px 25px;
    border-radius: 50px;
  }
  .card img{
    witdh:auto;
    height:230px;
  }

  @media (max-width: 768px) {
    .hero-section h1 {
      font-size: 2rem;
    }
    .hero-section p {
      font-size: 1rem;
    }
  }