Really hard one content type with table and checkboxes

Can anyone give me a direction how to make content type like this .

FIelds from table will be taxonomy term reference. Image and body will be fields from content type in example fruits and vegetables. And I want to have this exact look on desktop but on mobile instead of checkboxes I just want to have one row with roman numbers.
So how can I display it like this.. PLease help

Drupal version: