Fix accessibility.

app/assets/stylesheets/gallery_card.css

@@ -25,7 +25,6 @@
 
 .gallery.card-group .card.card-flip.h-100 {
   position: relative;
-  overflow: hidden;
   width: 25%;
   width: calc( 25% - 0.75em);
   background: white;

app/assets/stylesheets/theater.css

@@ -1,11 +1,6 @@
 @import url(https://fonts.googleapis.com/css?family=Roboto);
 
 /* Reset and basic styles */
-
-body {
-  overflow-x: hidden;
-}
-
 *,
 *:before,
 *:after {

modules/gallery/_gallery_widget4.html.erb

@@ -35,4 +35,17 @@
       </div>
     </div>
   </div>
+  <script>
+    $(document).ready(function(){
+      $('[data-subpart-id="{{subpart-id}}"] .card-body a').on('focusin', function(){
+        var _this = $(this);
+        var card_flip = _this.parents('.card-flip');
+        card_flip.addClass('hover-class');
+        var off_hover = function(){
+          card_flip.removeClass('hover-class');
+        }
+        _this.one('focusout', off_hover);
+      })
+    })
+  </script>
 </div>