ensure calendar thumbs span entire container

themes/lumbung-theme/static/css/main.css

@@ -36,22 +36,22 @@
 
 :root {
     --border-color: tomato;
-    
+
     --tv-dark: #237D0F;
     --tv-light: #E2FAD7;
-    
+
     --pen-dark: #E0005C;
     --pen-light: #FEDAE9;
-    
+
     --social-light: #C2E4F2;
     --social-dark: #0163A4;
-    
+
     --gallery-light: #FCF4B9;
     --gallery-dark: #846A00;
-    
+
     --shouts-dark: #CB001D;
     --shouts-light: #FFD9DD;
-    
+
     --calendar-light: #B6EDFF;
     --calendar-dark: #0E64C8;
 }
@@ -583,13 +583,14 @@ div.network-source {
 }
 
 .calendar-image {
+    width: 100%;
     max-width: 100%;
     display: inherit;
 }
 
 
 /* Card metadata (video & calendar) */
-  
+
 .tape-label {
     display: flex;
     justify-content: center;
@@ -700,7 +701,7 @@ li.page-item.disabled {
 }
 
 
-/* 
+/*
 li.page-item:nth-child(even) {
   transform: rotate(-1deg);
 }
@@ -710,7 +711,7 @@ li.page-item:nth-child(odd) {
 }
 
 li.page-item:nth-child(5) {
-  transform: rotate(2deg); 
+  transform: rotate(2deg);
 }
 
 li.page-item:nth-child(8) {
@@ -801,7 +802,7 @@ footer a:hover {
     #top-menu {
         grid-template-columns: 1fr;
     }
-    
+
     .menu,
     #top-menu .search,
     #login {
@@ -813,18 +814,18 @@ footer a:hover {
         display: flex;
         justify-content: space-between;
     }
-    
+
     .mobile-menu #login {
         display: inline-flex;
     }
-    
+
     .hamburger {
         border: none;
         background: none;
         position: relative;
         z-index: 3;
     }
-    
+
     .drawer {
         display: block;
         position: fixed;
@@ -837,7 +838,7 @@ footer a:hover {
         transition: 0.2s all ease-in-out;
         padding-top: 120px;
     }
-    
+
     .drawer * {
         display: none;
         opacity: 0;
@@ -851,12 +852,12 @@ footer a:hover {
         margin: 0;
         padding: 0;
     }
-    
+
     .drawer ul li {
         padding: 1em 0;
         /* border-bottom: 1px solid #333; */
     }
-    
+
     .drawer ul li a {
         color: white;
         text-decoration: none;
@@ -867,12 +868,12 @@ footer a:hover {
     .drawer.opened {
         width: 80%;
     }
-    
+
     .drawer.opened * {
         display: block;
         opacity: 1;
     }
-    
+
     /* card styles */
     .card,
     .card.network {
@@ -883,7 +884,7 @@ footer a:hover {
         font-size: 17px;
         min-width: 30ch;
     }
-    
+
     .card h2 a {
         font-size: 26px;
     }