Update landing_top.html

_includes/landing_top.html

@@ -3,14 +3,14 @@
 {% endcomment %}
 
  <style>
-        .content-container {
+        .content-container2 {
             position: relative;
             width: 100%;
             height: auto;
             overflow: hidden;
         }
 
-        .content {
+        .content2 {
             position: absolute;
             top: 0;
             left: 0;
@@ -20,28 +20,28 @@
             transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
         }
 
-        .content.active {
+        .content2.active {
             opacity: 1;
             visibility: visible;
         }
 
-        .grid-container {
+        .grid-container2 {
             display: flex;
             justify-content: center;
             align-items: center;
             height: 100%;
             flex-direction: column;
         }
 
-        .hero-content h1, .hero-content p {
+        .hero-content2 h1, .hero-content2 p {
             text-align: center;
         }
 
-        .hero-content h1 {
+        .hero-content2 h1 {
             margin-top: 20px;
         }
 
-        .hero-content p {
+        .hero-content2 p {
             margin-top: 10px;
         }
     </style>
@@ -50,11 +50,11 @@
 
 
 
- <section id="main-content" class="content-container">
+ <section id="main-content" class="content-container2">
         <!-- Content Set 1 -->
-        <div class="content active" id="content-1" style="background-image: url('{{ site.baseurl }}/assets/images/homepage-update-image-2.webp');background-repeat:no-repeat">
+        <div class="content2 active" id="content-1" style="background-image: url('{{ site.baseurl }}/assets/images/homepage-update-image-2.webp');background-repeat:no-repeat">
             <div class="grid-container">
-                <div class="usa-width-whole hero-content text-center">
+                <div class="usa-width-whole hero-content2 text-center">
                     <h1 class="text-white">Solutions to Advance Your Agency's Management Priorities</h1>
                     <p class="text-white big">A marketplace of commercial and Federal solutions, backed by agency business and data standards informed by industry, will drastically improve the ability of government to deliver mission outcomes, provide improved services, and effectively steward taxpayer dollars on behalf of the American people.</p>
                     <a class="usa-button usa-button--secondary tablet:margin-right-205" href="{{site.baseurl}}/ssgb/">Meet the Board</a>
@@ -64,9 +64,9 @@ <h1 class="text-white">Solutions to Advance Your Agency's Management Priorities<
         </div>
 
         <!-- Content Set 2 -->
-        <div class="content" id="content-2" style="background-image: url('{{ site.baseurl }}/assets/images/homepage-update-image-3.webp');background-repeat:no-repeat">
+        <div class="content2" id="content-2" style="background-image: url('{{ site.baseurl }}/assets/images/homepage-update-image-3.webp');background-repeat:no-repeat">
             <div class="grid-container">
-                <div class="usa-width-whole hero-content text-center">
+                <div class="usa-width-whole hero-content2 text-center">
                     <h1 class="text-white">Innovative Approaches to Transform Government Services</h1>
                     <p class="text-white big">Explore cutting-edge strategies and tools designed to empower agencies in delivering impactful outcomes and maximizing efficiency for the public good.</p>
                     <a class="usa-button usa-button--secondary tablet:margin-right-205" href="{{site.baseurl}}/innovation/">Learn More</a>
@@ -80,7 +80,7 @@ <h1 class="text-white">Innovative Approaches to Transform Government Services</h
 
  <script>
         document.addEventListener("DOMContentLoaded", () => {
-            const contents = document.querySelectorAll(".content");
+            const contents = document.querySelectorAll(".content2");
             let currentIndex = 0;
 
             const rotateContent = () => {