body {
  background-image: url(/assets/images/bg-pattern-brown-light.svg);
}

#hero {
  background-image: url(/assets/images/course-detail/bg-hero.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#hero .hero-img {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  max-height: 400px;
  justify-content: center;
  align-items: center;
  position: relative;
}
#hero .hero-img img {
  width: 100%;
}
#hero .hero-img .flying-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
}