fix: fix tsx so that background images will show on app-about

Author: Sam H

src/pages/app-about/app-about.tsx

@@ -10,9 +10,6 @@ declare var fbq;
 export class AppAbout {
   @Prop({ context: 'isServer' })
   private isServer: boolean;
-  // private className = localStorage.getItem('allowWebp') === 'true' ? 'webp' : 'hero';
-
-  public images: any;
 
   members = [
     {
@@ -223,7 +220,7 @@ export class AppAbout {
     return (
       <div class="about">
         {/* header - hero */}
-        <header>
+        <header class="hero">
           <div class="container">
             <div class="row align-items-center">
               <div class="col-md-8 col-sm-10 text-container">

src/pages/app-opportunities/app-opportunities.tsx

@@ -11,7 +11,7 @@ declare var fbq;
 export class AppOpportunities {
   maxFileSize = 10485760; // 10MB
   formData = new FormData();
-  private allowWebp = localStorage.getItem('allowWebp') === 'true' ? true : false;
+  // private allowWebp = localStorage.getItem('allowWebp') === 'true' ? true : false;
 
   formValues: {
     angular: number;
@@ -361,7 +361,6 @@ export class AppOpportunities {
   }
 
   render() {
-    const backgroundPhoto = this.changeImageFormat(this.texts[this.match.params.type].backgroundPhoto);
     return (
       <div class="opportunities">
         {/* header - hero */}