Customize the product list CSS/JS

hi, i’m looking for a custom css to change the product list like this:

There are several ways to design like this .
You can use container box (3 horizontal box) and and use image and text element. If this is landing page then then link each image to a single checkout page or If this is checkout page then use custom javascript to select the product from product list and . make the original product list hidden.