modified portfolio section

assets/css/style.css

@@ -185,6 +185,14 @@ a:hover {
   display: inline-block;
 }
 
+.btn {
+  cursor: pointer;
+}
+
+.btn.focus,
+.btn:focus {
+  box-shadow: none;
+}
 
 figure {
   margin: 0;

assets/js/script.js

@@ -9,13 +9,13 @@ jQuery(function ($) {
 		$('.preloader').fadeOut(100);
 	});
 
+	/* ========================================================================= */
+	/*	lazy load initialize
+	/* ========================================================================= */
 
-	// lazy load initialize
 	const observer = lozad(); // lazy loads elements with default selector as ".lozad"
 	observer.observe();
 
-
-
 	/* ========================================================================= */
 	/*	Magnific popup
 	/* =========================================================================  */
@@ -34,10 +34,11 @@ jQuery(function ($) {
 		fixedContentPos: false,
 		fixedBgPos: true
 	});
+
 	/* ========================================================================= */
 	/*	Portfolio Filtering Hook
 	/* =========================================================================  */
-  function filter(){
+
 	var containerEl = document.querySelector('.shuffle-wrapper');
 	if (containerEl) {
 		var Shuffle = window.Shuffle;
@@ -52,10 +53,8 @@ jQuery(function ($) {
 				myShuffle.filter(input.value);
 			}
 		});
-	}}
-	$(window).on('scroll', function () {
-		filter();
-	});
+	}
+
 	/* ========================================================================= */
 	/*	Testimonial Carousel
 	/* =========================================================================  */
@@ -67,8 +66,6 @@ jQuery(function ($) {
 		autoplaySpeed: 4000
 	});
 
-
-
 	/* ========================================================================= */
 	/*	animation scroll js
 	/* ========================================================================= */

layouts/partials/portfolio.html

@@ -44,7 +44,7 @@
 			<div class="col-lg-4 shuffle-item"
 				data-groups="[{{range $index, $element:= .categories }}{{if ne $index 0}},{{end}}&quot;{{. | urlize}}&quot;{{ end }}]">
 				<div class="portfolio-block mb-4">
-					<img class="img-fluid lozad" data-src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}">
+					<img class="img-fluid" src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}">
 					<div class="caption">
 						<a class="search-icon image-popup" data-effect="mfp-with-zoom" href="{{ .image | relURL }}"
 							data-lightbox="image-1">