Make image banners clickable individually

Store Design
, ,
1

Hello, i want to make 6 images on my website clickable ( once blender image is clicked for example it would go to blender product page )

i used this code to make images overlay black color once mouse hover over it, in “section-image-banner.css” not sure if it will help, just wanted to mention

.image-banner-section .banner__media {
	 z-index: 99;
}
 .image-banner-section .banner__media:after {
	 content: "";
	 background: #000;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 99;
	 opacity: 0;
	 transition: all 0.3s;
	 pointer-events: none !important;
}
 .image-banner-section .banner__media:hover:after {
	 opacity: 0.4;
}

website is eonimo.com

theme is origin