diff --git a/classes/output/core/course_renderer.php b/classes/output/core/course_renderer.php
index 2397046..47197b6 100644
--- a/classes/output/core/course_renderer.php
+++ b/classes/output/core/course_renderer.php
@@ -136,7 +136,7 @@ class course_renderer extends \core_course_renderer {
             $content .= $morelink;
         }
         $content .= html_writer::end_tag('div'); // End courses.
-        
+
         return $content;
     }
     /**
@@ -255,7 +255,7 @@ class course_renderer extends \core_course_renderer {
         }
         return $content;
     }
-    /**
+    /** <img src=""
      * Returns the first course's summary issue
      *
      * @param stdClass $course the course object
@@ -270,9 +270,9 @@ class course_renderer extends \core_course_renderer {
                 '/'. $file->get_contextid(). '/'. $file->get_component(). '/'.
                 $file->get_filearea(). $file->get_filepath(). $file->get_filename(), !$isimage);
                 if ($isimage) {
-                $contentimage = html_writer::start_tag('div', array('style' => "background-image:url('$url')",
-                    'class' => 'card-img-top'));
-                $contentimage .= html_writer::end_tag('div');
+                $contentimage = html_writer::start_tag('img', array('src' => "$url",
+                    'class' => 'card-img-top minheight'));
+                $contentimage .= html_writer::end_tag('img');
                 break;
             }
         }
@@ -281,7 +281,7 @@ class course_renderer extends \core_course_renderer {
             $pattern->setColor($this->coursecolor($course->id));
             $pattern->patternbyid($course->id);
             $contentimage = html_writer::start_tag('div', array('style' => "background-image:url('{$pattern->datauri()}')",
-            'class' => 'card-img-top'));
+            'class' => 'card-img-top minheight'));
             $contentimage .= html_writer::end_tag('div');
         }
 
diff --git a/scss/courselist.scss b/scss/courselist.scss
index 2f8434f..2c76dc8 100644
--- a/scss/courselist.scss
+++ b/scss/courselist.scss
@@ -29,7 +29,12 @@
 
 }
 
+@media screen and
+(min-width: 1251px) and
+(max-width: 4080px){
+
 
+}
 .course-card-view {
     box-shadow: 5px 5px 9px -4px rgba($black, .1);
     padding-bottom: 4rem;
@@ -60,3 +65,7 @@ body#page-enrol-index {
     }
 }
 
+
+.minheight{
+    background-position: top center !important;
+}
\ No newline at end of file