diff --git a/index.css b/index.css
index 09ab2ed..f7dccac 100644
--- a/index.css
+++ b/index.css
@@ -16,20 +16,32 @@
     
 }
 
-.gradient-background-2{
+/* .gradient-background-2{
     background: linear-gradient(30deg, #3d8bff, #25c3c3, #5c33bb);
     background-size: 180% 180%;
     animation: gradient-animation 18s ease infinite;
-}
+} */
 
-.row{
+.row.heading{
     padding-top:  20px;
     padding-left: 50px;
     padding-bottom: 30px;
     --bs-gutter-x: 0 !important;
-        
+    
+}
+
+.pack-card{
+    padding-left: 0;
+    background-color: azure;
 }
 
+.album.card-container{
+    background-color: antiquewhite;
+}
+
+.col>.shadow-sm{
+    background-color: white;
+}
 
 .carousel-item{
     padding-top: 70px; 
@@ -42,7 +54,7 @@
 }
 
 .card-body{
-    background-color: #81baba;
+    /* background-color: #81baba; */
     font-weight: bold;  
 } 
 
diff --git a/index.html b/index.html
index 8c9505c..7a7ff63 100644
--- a/index.html
+++ b/index.html
@@ -128,7 +128,7 @@ <h2>One more for good measure.</h2>
 
 
 
-    <div class="row gradient-background" >
+    <div class="row heading gradient-background" >
       <div class="col-lg-4" >
         <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="var(--bs-secondary-color)"></rect></svg>
         <h2 class="fw-normal">Heading</h2>
@@ -155,10 +155,11 @@ <h2 class="fw-normal">Heading</h2>
   
   <section>
 
-    <div class="album  bg-body-tertiary gradient-background-2 "  >
-      <div class="container " >
+    <div class="album card-container  gradient-background-2 "  >
+      <!-- bg-body-tertiary -->
+      <div class="container  " >
   
-        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 " >
+        <div class="pack-card row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 " >
           <div class="col " >
             <div class="card shadow-sm " >
               <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>