diff --git a/src/app.css b/src/app.css
index 2da3904d..9f70cbe3 100644
--- a/src/app.css
+++ b/src/app.css
@@ -59,6 +59,12 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   /* This `transform` fixes carousel blocking vertical scrolling for pointer devices on iPad */
   transform: translateZ(0);
 }
+
+@media (hover: hover) {
+  .deck-container {
+    overscroll-behavior: auto;
+  }
+}
 .deck-container[hidden] {
   display: block;
   position: absolute;
@@ -88,6 +94,11 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   height: 100dvh;
   overscroll-behavior: contain;
 }
+@media (hover: hover) {
+  .deck.contained {
+    overscroll-behavior: auto;
+  }
+}
 
 .deck > header {
   position: sticky;