diff --git a/itenium-socks/public/sock-images/Socks-404.png b/itenium-socks/public/sock-images/Socks-404.png
new file mode 100644
index 0000000..1cd011d
Binary files /dev/null and b/itenium-socks/public/sock-images/Socks-404.png differ
diff --git a/itenium-socks/src/app/socks/shop.component.html b/itenium-socks/src/app/socks/shop.component.html
index a0139e2..33cc252 100644
--- a/itenium-socks/src/app/socks/shop.component.html
+++ b/itenium-socks/src/app/socks/shop.component.html
@@ -9,8 +9,10 @@ <h2>
       <div class="col-sm-6 col-md-4 col-lg-3" *ngFor="let sock of socks$ | async">
         <div class="box">
           <a href="/socks/{{ sock.id }}">
+
             <div class="img-box">
-              <img src="sock-images/Socks-{{ sock.brand }}-{{ sock.variant }}.png" />
+              <img src="sock-images/Socks-{{ sock.brand }}-{{ sock.variant }}.png"
+                   (error)="errImage($event)" />
             </div>
             <div class="detail-box">
               <h6>{{ sock.name }}</h6>
diff --git a/itenium-socks/src/app/socks/shop.component.ts b/itenium-socks/src/app/socks/shop.component.ts
index 33c897b..218294a 100644
--- a/itenium-socks/src/app/socks/shop.component.ts
+++ b/itenium-socks/src/app/socks/shop.component.ts
@@ -18,4 +18,8 @@ export class ShopComponent {
   ngOnInit(): void {
     this.socks$ = this.socksService.get();
   }
+
+  errImage(e: any): void {
+    e.target.src = "sock-images/Socks-404.png";
+  }
 }