Improve style of play to beat

app/assets/stylesheets/game.css.sass

@@ -111,6 +111,7 @@ ol#cards-to-beat
   flex-wrap: wrap
   text-align: center
   li
+    position: relative
     margin-left: -21vmin
     // Don't offset first card
     &:first-of-type

app/views/tables/_play_to_beat.html.haml

@@ -10,8 +10,8 @@
       = card.to_s
     %div= @game.play_to_beat.play.player.display_name
     %ol#cards-to-beat
-      - @game.play_to_beat.play.player_cards.each do |card|
-        %li
+      - @game.play_to_beat.play.player_cards.reverse.each_with_index do |card, index|
+        %li{style:  "z-index: #{100 - index};"}
           -# TODO: Don't hard code face cards here
           %img{alt: card.rank + ' ' + card.suit,
             src: '/assets/cards/png/' + (card.rank.gsub('J','jack').gsub('Q','queen').gsub('K','king').gsub('A','ace') + '_of_' + card.suit.downcase + 's.png').gsub('11','jack').gsub('12','queen').gsub('13','king').gsub('14','ace').gsub('15','2') }