I Want To Remove Unavailable Variants From Appearing On My Product Pages

I have artwork that comes in canvas and paper materials. The canvas artwork comes in different sizes than what is available with the paper options. When people select the canvas option I don’t want them to see the paper sizes and likewise when they select the paper option I don’t want them to be able to see the canvas sizes.

An example of what I want to achieve can been seen here - https://www.allposters.com/-sp/Serenity-Posters_i2730874_.htm?

On that site when you click on ‘prints and frames’ it only displays the options available to that particular type of poster. Same as when you click on ‘canvas’.

At the moment mine looks like this:

The A5, A4 and A3 options are only available when choosing paper, however instead of being hidden when the canvas material is selected, the add to cart button just says unavailable.

Is there anyway to replicate what I’ve shown in the example website?

My dev site is here - https://art-from-kabushka-ngemba.myshopify.com/

Password - shiayo