.hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
    url("/assets/banners/about-banner.webp") no-repeat center center;
  background-size: cover;
  background-position: center;
  /* margin-top: 80px; */
}

.intro-banner {
  background: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)),
    url("/assets/intro-bg.webp") no-repeat center center;
  background-size: cover;
  background-position: center;
}

.about-card{
    background-color: #343a40 !important;
    opacity: 0.8 !important;
}