Used date-util image as a header image for about section (no more images are available atm).

Adjusted overlay's opacity to match other pages.

Author: Tomasz-Kluczkowski

_pages/01_about.html

@@ -7,18 +7,19 @@
 <section class="about">
     <div class="about__background-img-container">
         <picture>
-            <source srcset="../static/images/events_page/events_page_top_480x150px.jpg 480w,
-                            ../static/images/events_page/events_page_top_960x300px.jpg 960w,
-                            ../static/images/events_page/events_page_top_1920x600px.jpg 1920w"
+            <source srcset="../static/images/about/date-util-evening-session_480x150px.jpg 480w,
+                            ../static/images/about/date-util-evening-session_960x300px.jpg 960w,
+                            ../static/images/about/date-util-evening-session_1920x600px.jpg 1920w,
+                            ../static/images/about/date-util-evening-session_3840x1200px.jpg 3840w"
                     media="(orientation: landscape)"
                     sizes="100vw">
-            <source srcset="../static/images/events_page/events_page_top_750x650px.jpg 750w,
-                            ../static/images/events_page/events_page_top_1650x1100px.jpg 1650w"
+            <source srcset="../static/images/about/date-util-evening-session_750x650px.jpg 750w,
+                            ../static/images/about/date-util-evening-session_1650X1100px.jpg 1650w"
                     media="(orientation: portrait)"
                     sizes="100vw">
             <img class="about__background-img"
-                 src="../static/images/events_page/events_page_top_960x300px.jpg"
-                 alt="Events">
+                 src="../static/images/about/date-util-evening-session_960x300px.jpg"
+                 alt="About Us">
         </picture>
         <div class="about__page-title-container row container-fluid">
             <div class="col-sm-12">

_sass/about.scss

@@ -5,7 +5,7 @@
 .about__background-img-container {
   @extend .page__background-img-container;
   &::after {
-    background: rgba(0, 0, 0, 0.65);
+    background: rgba(0, 0, 0, 0.75);
   }
 }