FEATURE Handling classic and photoframe variations

resources/css/blocks/chapter-section.css

@@ -72,6 +72,21 @@
     &--small {
       @apply !h-12;
     }
+    &--classic {
+      @apply !rounded-none;
+    }
+    &--photoframe {
+      @apply object-cover;
+      border: 20px solid white;
+      box-sizing: content-box;
+      filter: saturate(0);
+      transition: all 0.3s ease;
+
+      &:hover {
+        filter: saturate(1);
+        scale: 1.01;
+      }
+    }
   }
 
   &__background {
@@ -96,3 +111,9 @@
     z-index: 2;
   }
 }
+
+.chapter-section:nth-child(even) {
+  .chapter-section__cover--photoframe {
+    @apply -rotate-1;
+  }
+}