added backgrounds to class blocks

Author: identikitten

public/.DS_Store

@@ -34,7 +34,7 @@
       black 231F20
       white #FFFFFF */
       /* --summer-25-background: #FFF; */
-      
+
       --fall-25-background: #0f261f;
       --fall-25-text: #f2ff26;
        --fall-25-text-on-bg: #f2ff26;
@@ -587,18 +587,23 @@ select#allSections {
         border-color:#FF000F;
       }
       .fall-25.online-class .pill {
-        background-color: #FFBAD9;
+        color: black !important;
+      background-color: #f2ff26;
+      padding: 0.2em;
+      border-radius: 1em;
       }
       .fall-25.weekend-intensive .pill {
         background-color: #FF000F;
         color: #fffefb !important;
       }
       #class-block .fall-25.online-class {
-        border-color:#00BC00;
+        border-color:#f2ff26;
       }
       #class-block .fall-25.online-class .pill {
-        background-color: #00BC00;
-        color: #fffefb;
+        color: black !important;
+      background-color: #f2ff26;
+      padding: 0.2em;
+      border-radius: 1em;
       }
 
       #class-block .weekend-intensive h2:hover, #class-block .weekend-intensive h6:hover, {

public/images/.DS_Store

@@ -2107,6 +2107,7 @@ select#allSections:focus {
         flex-direction: column;
         justify-content: space-between;
         backdrop-filter: blur(5px); /* Fall 2025 styling adaptation */
+        padding: 0.6em 0.2em;
       }
 
       .featured-text.half {

public/images/sessions/.DS_Store

@@ -137,7 +137,7 @@
                 </div>
               </div>
             </div>
-            <div class="grid-4 featured fall-25 online-class">
+            <div class="grid-4 featured fall-25 online-class" style="background-image: url('/sessions/fall-25/si.png') !important;">
               <div class="featured-text">
                 <div class="top">
                    <h4 class="type"><a class="pill"  href="/sessions/fall-25/solidarity-infra">online class</a></h4>
@@ -150,7 +150,7 @@
                 </div>
               </div>
             </div>
-             <div class="grid-4 featured fall-25 online-class">
+             <div class="grid-4 featured fall-25 online-class" style="background-image: url('/sessions/fall-25/icaa.png')">
               <div class="featured-text">
                 <div class="top">
                   <h4 class="type"><a class="pill"  href="/sessions/fall-25/interrogating-computational-approaches">online class</a></h4>
@@ -174,7 +174,7 @@
           </div>
           <div class="grid-1 currently">
 
-            <div class="grid-4 featured fall-25 online-class">
+            <div class="grid-4 featured fall-25 online-class" style="background-image: url('/sessions/fall-25/avg.png')">
               <div class="featured-text">
                 <div class="top">
                 <h4 class="type"><a class="pill"  href="/sessions/fall-25/athletic-aesthetics">online class</a></h4>
@@ -188,7 +188,7 @@
               </div>
             </div>
 
-            <div class="grid-4 featured fall-25 online-class">
+            <div class="grid-4 featured fall-25 online-class" style="background-image: url('/sessions/fall-25/pcs.png')">
               <div class="featured-text">
                 <div class="top">
                   <h4 class="type"><a class="pill"  href="/sessions/fall-25/politics-culture-sampling">online class</a></h4>
@@ -203,7 +203,7 @@
             </div>
 
 
-            <div class="grid-4 featured fall-25 online-class">
+            <div class="grid-4 featured fall-25 online-class" style="background-image: url('/sessions/fall-25/oops.png')">
               <div class="featured-text">
                 <div class="top">
                 <h4 class="type"><a class="pill" href="/sessions/fall-25/platform-sabotage">online class</a></h4>