Bootstrap card menu to have left image instead of top?


I’m trying to make the card image to move from top to left. Something like this (now cards looks like the top while I’m going for the bottom where the image is at the left at about 1/3 of the width):

Any ideas? I’m using a bootstrap sitepackage and I have found the relevant MenuCardDir.html template but I’m not sure how to change it in a bootstrap-friendly way.

I will have a go with some instructions here bootstrap card image left (