I am working on project with VueJS add vutify I have created a component with cards that include two cards. I should display dots around cards on two different versions, one for desktop and one mobile:

Until now, I have achieved to display dots for desktop.

I have created dots on bottom and left for desktop by UX/UI. Into v-card component, I have given position relative v-image as parent and dots position absolute as child. after that, I have styles with CSS. I have used background-image: radial-gradient(#F1191D 20%, #ffffff00 20%); to create dots. I am sharing my code, what I have created until now for version desktop/ Feel free to testing it on codepene.