diff --git a/config.toml b/config.toml
index d707a99..c40cae5 100644
--- a/config.toml
+++ b/config.toml
@@ -2,6 +2,7 @@ baseurl = "https://www.onlyspoolz.com/"
 title = "Database of filament spools info"
 theme = "hugo-creative-portfolio-theme"
 languageCode = "en-us"
+assetDir = "static"
 # Enable comments by entering your Disqus shortname
 disqusShortname = ""
 # Enable Google Analytics by entering your tracking code
diff --git a/themes/hugo-creative-portfolio-theme/layouts/partials/portfolio.html b/themes/hugo-creative-portfolio-theme/layouts/partials/portfolio.html
index 2309b1d..c4c102d 100644
--- a/themes/hugo-creative-portfolio-theme/layouts/partials/portfolio.html
+++ b/themes/hugo-creative-portfolio-theme/layouts/partials/portfolio.html
@@ -6,12 +6,15 @@
               <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 masonry-item">
                   <div class="box-masonry">
                       {{ if and (isset .Params "image") .Params.image }}
+                        {{ $img := resources.Get .Params.image }}
+                        {{ $optimized := $img.Fit "1100x1100 webp picture q60" }}
                         {{ if eq .Params.showonlyimage true }}
                         <a href="{{ .Permalink }}" title="" class="box-masonry-image with-hover-overlay">
                         {{ else }}
                         <a href="{{ .Permalink }}" title="" class="box-masonry-image with-hover-overlay with-hover-icon">
                         {{ end }}
-                            <img src="{{.Params.image | absURL}}" alt="" class="img-responsive">
+                            <img src="{{ $optimized.RelPermalink }}" width="{{ $optimized.Width }}" height="{{ $optimized.Height }}"
+                              loading="lazy" alt="" class="img-responsive">
                         </a>
                       {{ end }}
                       {{ if eq .Params.showonlyimage true }}