show all events on program page

src/css/events.scss

@@ -65,11 +65,6 @@
   flex-direction: column;
   align-items: center;
 
-  &:nth-child(9),
-  &:nth-child(10) {
-    display: none;
-  }
-
   &-image {
     display: block;
     position: relative;
@@ -132,23 +127,12 @@
 
   @media (min-width: $media-xl) {
     width: calc(19.98% - 1rem);
-    &:nth-child(9),
-    &:nth-child(10) {
-      display: block;
-    }
   }
   @media (max-width: $media-l) {
     width: calc(33.28% - 1rem);
-    &:nth-child(9) {
-      display: block;
-    }
   }
   @media (max-width: $media-m) {
     width: calc(49.98% - 1rem);
-    &:nth-child(9),
-    &:nth-child(10) {
-      display: none;
-    }
   }
   @media (max-width: $media-s) {
     width: 100%;
@@ -156,11 +140,6 @@
     flex-direction: row;
     align-items: flex-start;
 
-    &:nth-child(7),
-    &:nth-child(8) {
-      display: none;
-    }
-
     &-image {
       width: 36%;
       height: 100%;
@@ -212,6 +191,38 @@
   }
 }
 
+.index {
+  .event {
+    &:nth-child(9),
+    &:nth-child(10) {
+      display: none;
+    }
+    @media (min-width: $media-xl) {
+      &:nth-child(9),
+      &:nth-child(10) {
+        display: block;
+      }
+    }
+    @media (max-width: $media-l) {
+      &:nth-child(9) {
+        display: block;
+      }
+    }
+    @media (max-width: $media-m) {
+      &:nth-child(9),
+      &:nth-child(10) {
+        display: none;
+      }
+    }
+    @media (max-width: $media-s) {
+      &:nth-child(7),
+      &:nth-child(8) {
+        display: none;
+      }
+    }
+  }
+}
+
 .event-types {
   ul {
     list-style: none;