reduce size of edX included images in course modals

source/partials/_course_modals.erb

@@ -14,7 +14,7 @@
                 <!-- Project Details Go Here -->
                 <h2><%= course['name'] %></h2>
                 <p class="item-intro text-muted"><%= course['short_description'] %></p>
-                <img class="img-fluid bottom-padded d-block mx-auto" src="<%= course['media']['image']['large'] %>" onerror="this.onerror=null;this.src='<%= fallback_image %>';">
+                <img class="img-fluid img-tile bottom-padded d-block mx-auto" src="<%= course['media']['image']['large'] %>" onerror="this.onerror=null;this.src='<%= fallback_image %>';">
                 <%
                     course_data = get_course(course['id'])
 

source/partials/_course_tile.erb

@@ -5,7 +5,7 @@
         <i class="fa fa-plus fa-3x"></i>
       </div>
     </div>
-    <img class="img-fluid bottom-padded" src="<%= course['media']['image']['small'] %>" onerror="this.onerror=null;this.src='<%= fallback_image %>';" />
+    <img class="img-fluid bottom-padded img-tile" src="<%= course['media']['image']['small'] %>" onerror="this.onerror=null;this.src='<%= fallback_image %>';" />
   </a>
   <div class="portfolio-caption">
     <h4><%= course['name'] %></h4>

source/stylesheets/_agency-totem.css

@@ -81,9 +81,6 @@ body {
 
 .img-fluid.bottom-padded {
     padding-bottom: 30px;
-    display: block;
-    margin: auto;
-    height: 200px;
 }
 /*accordion css*/
 button.accordion {

source/stylesheets/style.css.scss

@@ -11,6 +11,12 @@
   margin: 4rem 0;
 }
 
+.img-fluid.img-tile {
+  display: block;
+  margin: auto;
+  height: 200px;
+}
+
 section.about, section.prerequisites {
   padding: 2em 0;
 }