.franchise-page-main .hero .carousel-item::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.franchise-page-main .hero .info h2,
.franchise-page-main .hero .info p {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}