diff --git a/src/app/content/image-container/image/image.component.html b/src/app/content/image-container/image/image.component.html
index 91a8a33..a3ad7dd 100644
--- a/src/app/content/image-container/image/image.component.html
+++ b/src/app/content/image-container/image/image.component.html
@@ -17,7 +17,7 @@
 
 <mat-card class="card">
   <mat-card-header>
-    <div mat-card-avatar class="header-image"></div>
+    <div mat-card-avatar [ngStyle]="{background: 'url(' + image.imageUrl + ')'}" class="header-image"></div>
     <mat-card-title>{{image.imageTitle}}</mat-card-title>
     <mat-card-subtitle>Nature</mat-card-subtitle>
   </mat-card-header>
diff --git a/src/app/content/image-container/image/image.component.scss b/src/app/content/image-container/image/image.component.scss
index f9738da..545dcbb 100644
--- a/src/app/content/image-container/image/image.component.scss
+++ b/src/app/content/image-container/image/image.component.scss
@@ -10,24 +10,25 @@
 // }
 
 .card {
-    width: 20rem;
+    // width: 20rem;
+    width: 100%;
     margin: 20px auto;
     overflow: auto
 }
 
-.image-card {
-    max-width: 400px;
-}
+// .image-card {
+//     max-width: 400px;
+// }
 
-.image {
-    background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
-    background-size: cover;
-    max-width: 400px;
-}
+// .image {
+//     background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
+//     background-size: cover;
+//     max-width: 400px;
+// }
   
 .header-image {
-    background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
-    background-size: cover;
+    // background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
+    background-size: contain;
 }
 
 mat-divider {