fix(team-landing): fix margins

Author: luiskcs89

src/pages/app-team-landing/app-team-landing.scss

@@ -217,14 +217,14 @@ section.team-landing {
         line-height: 34px;
         margin: 3rem 0;
       }
-      @include media-breakpoint-down(md) {
-        margin: 3rem 0;
+      @include media-breakpoint-down(sm) {
+        margin: 3rem 0 2rem;
       }
       font-size: 2.63rem;
       font-weight: 600;
       letter-spacing: 2.1px;
       line-height: 38px;
-      margin: 4rem 0;
+      margin: 5rem 0;
       text-align: center;
     }
   }

src/pages/app-team-landing/app-team-landing.tsx

@@ -422,7 +422,7 @@ export class AppTeamLanding {
   }
 
   render() {
-    const backgroundPhoto = this.changeImageFormat(this.data[this.match.params.member].backgroundPhoto);
+    const backgroundPhoto = this.changeImageFormat(this.data[this.match.params.member].backgroundPhoto ? this.data[this.match.params.member].backgroundPhoto : null);
     const headshotPhoto = this.changeImageFormat(this.data[this.match.params.member].headshotPhoto);
     let style = {};
     if (window.innerWidth > 767.98) {
@@ -435,7 +435,7 @@ export class AppTeamLanding {
           };
     }
     window.addEventListener('resize', () => {
-      const backgroundPhoto = this.changeImageFormat(this.data[this.match.params.member].backgroundPhoto);
+      const backgroundPhoto = this.changeImageFormat(this.data[this.match.params.member].backgroundPhoto ? this.data[this.match.params.member].backgroundPhoto : null);
       const hero = document.querySelector('.hero') as HTMLElement;
       if (window.innerWidth > 767.98) {
         hero.style.backgroundColor = '#292A2D';
@@ -500,7 +500,7 @@ export class AppTeamLanding {
                 </div>
 
                 <div id="members" class="row justify-content-center members">
-                  <div class="col-11 col-lg-12">
+                  <div class="col-10 col-lg-10">
                     <h2>
                       <app-translate keyword="about.landing.cta.title" />
                     </h2>