ZufallsKarte für Kartenspie anzeigen

[BH8]

Hallo, habe mir ein kleines Script gebastelt, mit welchem ich eine Zufallskarte aus Pokerspiel anzeigen möchte.


nun hab ich die FOR Schleife eingebaut, da es bei der Anzeige so aussehen soll, dass es wie beim Würfeln aussieht und die jeweils 3. der Schleife dann nur angezeigt wird.


Wie bekomm ich das hin, dass die 3 Karten nacheinander AN EINER STELLE, also nicht nebeneinander angezeigt wird und die beiden zuvor aber kurz angezeigt werden


Hier mein Script:

<?php
header("Content-Type: text/html; charset=utf-8");

// Script für Zufällige Pokerkarte

$suits = array (
    "c", "h", "s", "d"
);
 
$faces = array (
    "2", "3", "4", "5", "6", "7", "8",
    "9", "x", "b", "d", "k", "a"
);

$deck = [];
foreach($suits as $suit) {
   foreach($faces as $face) {
     $deck[] = ['face' => $face, 'suit' => $suit];
   }
}
  

for ($i = 1; $i <= 3; $i++) {
  shuffle($deck);
  $card = array_shift($deck);
  $kartenbild = $card['face'] . $card['suit'] . '.jpg';
  echo '<img src="images/' . $kartenbild . '" width="230">';
}

?>

[h3ll]

Für die Darstellung ist CSS und nicht PHP zuständig. Folglich ist der PHP-Code irrelevant.

[BH8]

Hast Du da ne Idee, wie ich das mit CSS anstelle?
Vielleicht mit Beispiel - DANKE