/* Definiáljuk a vízszintes tükrözés animációt */
    @keyframes flipHorizontal {
      0% {
        transform: scaleX(1); /* Normál állapot */
      }
      50% {
        transform: scaleX(-1); /* Vízszintes tükrözés */
      }
      100% {
        transform: scaleX(1); /* Vissza normál állapotba */
      }
    }

    /* Alapértelmezett elem stílus */
    #flipElement {
      display: inline-block; /* Szükséges a transform működéséhez */
      transition: transform 1s; /* Animáció sebessége */
    }

    /* Tükrözés osztály */
    .flip {
      animation: flipHorizontal 1s ease-out; /* 1 másodpercig tartó animáció */
    }