fix error

app/assets/javascripts/theater.js

@@ -345,6 +345,7 @@ window.GalleryTheater = function(){
 
   var createThumbStrip = function(){
     if(!gt.isTheaterInitialized){
+      gt.thumbStrip.html("")
       $.each(gt.albumData.images,function(index, image){
         var li = $("<li class='gallery-item'></li>"),
             a = $("<a href=''></a>"),

app/assets/stylesheets/gallery_card.css

@@ -1,3 +1,6 @@
+.gallery.card-group .card-body img {
+  object-fit: cover;
+}
 .gallery.card-group .row {
   position: relative;
   display: flex;

modules/gallery/_gallery_widget4.html.erb

@@ -2,7 +2,7 @@
   <h3 class="widget-title">
     <span>{{widget-title}}</span>
   </h3>
-  <link rel="stylesheet" type="text/css" href="/assets/gallery_card.css">
+  <% OrbitHelper.render_css_in_head(["gallery_card.css"]) %>
   <div class="row widget-content" data-level="0" data-list="images">
     <div class="card card-flip h-100">
       <div class="card-front">