How to change dynamically product image between category in my shop?

In my shop, I have products that belong to multiple categories (e.g., a wall mount that can hold three types of boards: skateboards, snowboards, and kitesurf boards). As a result, they are listed in three different categories in my shop. I would like the product images to change dynamically so that the image with skateboards appears in the skateboarding category, the one with snowboards appears in the snowboarding category, and the one with kitesurf boards appears in the kitesurfing category.

Does anyone know how to achieve this?

Here is my site Read-Only: (Webflow - Rack And Ride)