diff --git a/app/views/libraries/index.html.erb b/app/views/libraries/index.html.erb
index f5bf570c..293c042d 100644
--- a/app/views/libraries/index.html.erb
+++ b/app/views/libraries/index.html.erb
@@ -1,4 +1,4 @@
-<img src="/images/educoder/teach_ex.jpg" width="100%"/>
+<img src="/images/educoder/teach_ex.jpg" class="teach_ex" width="100%"/>
 <div class="educontent">
   <div class="edu-back-white mb30 mt30">
     <p class="padding20-30 clearfix bor-bottom-greyE">
diff --git a/public/stylesheets/educoder/edu-main.css b/public/stylesheets/educoder/edu-main.css
index 705f23e6..ddb8f8b9 100644
--- a/public/stylesheets/educoder/edu-main.css
+++ b/public/stylesheets/educoder/edu-main.css
@@ -1260,4 +1260,9 @@ html>body #ajax-indicator { position: fixed; }
 #trophyreturn i{
     font-size: 16px!important;
     color: #AAAAAA;
+}
+
+.teach_ex{
+    object-fit: cover;
+    height: 300px;
 }
\ No newline at end of file