diff --git a/bag.html b/bag.html
index 1355a2c..8bd9edc 100644
--- a/bag.html
+++ b/bag.html
@@ -84,6 +84,7 @@
}
}
</style>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
</head>
<body class="bg-color">
@@ -125,7 +126,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px"
+ <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px"
height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
@@ -156,7 +157,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px"
+ <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px"
height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
@@ -188,7 +189,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px"
+ <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px"
height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">