Pamiętaj o możliwości zagnieżdżania SCSS:

.welcom {
  background-image: url("/images/p0.jpg");
  height: 550px;
  object-fit: contain;
  position: relative;
  img {
    height: 500px;
    width: 100%;
    object-fit: cover;
    filter: brightness(65%);
  }
}

Tak bym dodał przyciemnienie w bannerze:

.welcom::after{
  content: "";
  display: block;
  position: absolute;
  background: #000;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

Trzeba tylko wtedy dodawać z-index do elementów  w .welcome

Dałbym większy padding na sekcje poszczególne. Stosuj <section> zamiast <div> dla tych głównych pudełek.

Nie dawajmy samego "col" - dajmy tam "col-12 col-md-4"

Wrzućmy div o klasie .card-deck do col-md-4. Wywalmy tę klasę z tych kolumn.