Added blend mode to header

index.html

@@ -15,7 +15,7 @@
       href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap"
       rel="stylesheet"
     >
-    <link rel="stylesheet" href="styles.css?version=philosophy-layout-and-image-border-fix">
+    <link rel="stylesheet" href="styles.css?version=tradition-mix-blend-overlap">
   </head>
 
   <body id="top">
@@ -121,7 +121,11 @@
         </div>
       </section>
 
-      <section class="editorial-section approach-section" id="approach" aria-labelledby="approach-title">
+      <section
+        class="editorial-section approach-section image-overlap-heading-dynamic-inversion-container"
+        id="approach"
+        aria-labelledby="approach-title"
+      >
         <div class="site-width-boundary">
           <header class="numbered-section-heading">
             <span class="numbered-section-index" aria-hidden="true">02</span>
@@ -129,7 +133,12 @@
             <p>Approach</p>
           </header>
 
-          <h2 class="oversized-editorial-title" id="approach-title">Tradition.</h2>
+          <h2
+            class="oversized-editorial-title approach-image-overlap-title image-overlap-heading-dynamic-inversion"
+            id="approach-title"
+          >
+            Tradition.
+          </h2>
 
           <div class="approach-content-grid">
             <div class="approach-supporting-copy">