Currently we have to change some css to control course card image aspect ratio using padding-top.

It would be great to have something like:
--course-card-image-aspect-ratio: 1/4; that automatically calculates the padding-top of the images.

Additionally we have 2 AR to change: one for the course card on my courses page / course overview block, and another on the smaller cards with horizontal scroll (recent courses block and similar). So both of the vars should be created.