Estoy trabajando en un proyecto con VueJS, agregue vutify, he creado un componente con tarjetas que incluyen dos tarjetas. Debería mostrar puntos alrededor de las tarjetas en dos versiones diferentes, una para escritorio y otra para dispositivos móviles:

Hasta ahora, he logrado mostrar puntos para el escritorio.

He creado puntos en la parte inferior y a la izquierda para el escritorio por UX/UI. En el componente v-card, le he dado la posición relativa a la imagen v como padre y la posición absoluta de los puntos como hijo. después de eso, tengo estilos con CSS. He usado background-image: radial-gradient(#F1191D 20%, #ffffff00 20%); para crear puntos. Estoy compartiendo mi código, lo que he creado hasta ahora para la versión de escritorio / Siéntete libre de probarlo en codepene.