Could you guide me through how to build a blackjack game that adheres to the following requirements? I$\text{'}$m struggling to understand how to implement these criteria effectively:

The game must incorporate SVG elements that are interactive. I need to use at least two types of JavaScript mouse events for interaction, with the option to replace one mouse event with a keyboard event.

It should be possible to dynamically add and remove these SVG elements from the screen and memory, through mechanisms like an "add" button or a timer for spawning elements.

I$\text{'}$m asked to style the SVG elements using CSS$,$ beyond just the basic XML parameters.

At least one SVG element needs to be animated using JavaScript in a clear and noticeable way, without relying on CSS animations or animated GIFs.

The interface requires standard HTML elements for user inputs, specifying that at least one input should be outside of a form context. The use of Bootstrap $5$ or multimedia elements for aesthetic appeal is encouraged, but jQuery is prohibited.

The application must run smoothly from start to finish without any bugs or errors showing up in the Console.

All JavaScript and CSS code must be kept in separate, external files.

The page layout should be responsive, looking acceptable on both mobile devices $($with a maximum width of $320$px$)$ and desktop screens.

Could you help me with a step$-$by$-$step approach to meet these criteria for my blackjack game project?