How to bind cards to certain coordinates and expand them on the page when you click on them?

Question

Vue.js

There was such a task: there are cards made using flex boxes, and there is a picture on the background with a route and certain marks, you need to link these cards to these marks. Cards are displayed in a cycle from the database. How can I bind them to specific coordinates? And in general, I think correctly, or maybe there are some special components - technologies for this?