Two different contents for lovelace card, display one of those randomly?

prankousky · February 18, 2023, 7:48am

Hi everybody,

I have created these two cards below with markdown and card-mod. Is it possible to merge them into one card, that will randomly display either the contents of the first, or the second, whenever the card is displayed / reloaded?

type: markdown
content: |

  {{ states("sensor.global_witz") }}
title: .
card_mod:
  style:
    .: |
      ha-card {
        background-image: url('https://url/local/styling/lovelace_joke_abby.jpg');
        background-size: 400px;
        background-repeat: no-repeat;
      }
    ha-markdown$: |
      p {
      color: #000000;
      padding: none
      background-color: white;
      margin-left: 165px; 
      margin-top: 10px;
      height: 200px;
      max-width: 185px;

          }

type: markdown
content: |

  {{ states("sensor.global_witz") }}
title: .
card_mod:
  style:
    .: |
      ha-card {
        background-image: url('https://url/local/styling/lovelace_joke_karmi.jpg');
        background-size: 400px;
        background-repeat: no-repeat;
      }
    ha-markdown$: |
      p {
      color: #000000;
      padding: none
      background-color: white;
      margin-left: 15px; 
      margin-top: 10px;
      height: 200px;
      max-width: 180px;

          }

          }