diff --git a/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js b/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js
index 6fd4d7db7..e747a81e3 100644
--- a/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js
+++ b/public/react/src/modules/competitions/Competitimain/CompetitionsIndex.js
@@ -78,7 +78,6 @@ class CompetitionsIndex extends Component{
 												height: 300px;
 									      background-image: url(${getImageUrl(this.props.mygetHelmetapi && this.props.mygetHelmetapi.competition_banner_url === null ?`images/educoder/competitions/courses.jpg`:this.props.mygetHelmetapi&&this.props.mygetHelmetapi.competition_banner_url)});
 											  background-color: #081C4B;
-												background-size: cover;
 												background-position: center;
 												background-repeat: no-repeat;
 										}
diff --git a/public/react/src/modules/competitions/Competitimain/Competitionsindex.css b/public/react/src/modules/competitions/Competitimain/Competitionsindex.css
index 6aa2fd641..cddb1492b 100644
--- a/public/react/src/modules/competitions/Competitimain/Competitionsindex.css
+++ b/public/react/src/modules/competitions/Competitimain/Competitionsindex.css
@@ -153,7 +153,6 @@
 
 .Competitionshead{
     background-color: #2d28ba !important;
-    background-size: cover !important;
     background-position: center !important;
     background-position: 50% !important;
     background-repeat: no-repeat !important;
diff --git a/public/react/src/modules/courses/coursesHome/CoursesHome.js b/public/react/src/modules/courses/coursesHome/CoursesHome.js
index a2f664c0a..d4e4609f6 100644
--- a/public/react/src/modules/courses/coursesHome/CoursesHome.js
+++ b/public/react/src/modules/courses/coursesHome/CoursesHome.js
@@ -119,7 +119,6 @@ class CoursesHome extends Component{
 												height: 300px;
 												background-image: url(${getImageUrl(this.props.mygetHelmetapi && this.props.mygetHelmetapi.course_banner_url === null ?`images/educoder/competitions/courses.jpg`:this.props.mygetHelmetapi&&this.props.mygetHelmetapi.course_banner_url)});
 											  background-color: #081C4B;
-												background-size: cover;
 												background-position: center;
 												background-repeat: no-repeat;
 										}
diff --git a/public/react/src/modules/moop_cases/CaseList.js b/public/react/src/modules/moop_cases/CaseList.js
index f0b58d9f4..fe2331d9a 100644
--- a/public/react/src/modules/moop_cases/CaseList.js
+++ b/public/react/src/modules/moop_cases/CaseList.js
@@ -98,7 +98,18 @@ class CaseList extends Component{
 
     return(
       <React.Fragment>
-        <img src={this.props.mygetHelmetapi&&this.props.mygetHelmetapi.moop_cases_banner_url===null?mainImg:getImageUrl(this.props.mygetHelmetapi&&this.props.mygetHelmetapi.moop_cases_banner_url)} width="100%" />
+				<style>
+					{
+						`
+						.imgmoop_cases{width: 100%;
+						height: 300px;
+						background-color: #000a4f;
+						background-position: 50%;
+						background-repeat: no-repeat;}
+						`
+					}
+				</style>
+        <img className={"imgmoop_cases"} src={this.props.mygetHelmetapi&&this.props.mygetHelmetapi.moop_cases_banner_url===null?mainImg:getImageUrl(this.props.mygetHelmetapi&&this.props.mygetHelmetapi.moop_cases_banner_url)}/>
 				<div className="educontent">
           <div className="edu-back-white mb30 mt30">
             <p className="padding20-30 clearfix bor-bottom-greyE">