body {
            font-family: 'Lato', sans-serif;
        }

        h1,
        h2,
        h3,
        .font-lora {
            font-family: 'Lora', serif;
        }

        .font-roboto {
            font-family: 'Roboto', sans-serif;
        }

        /* Ustawienia zastępcze dla brakujących obrazów (zastępstwo dla placehold.co) */
        img {
            position: relative;
            overflow: hidden;
        }

        /* Renderowanie zastępczego kontenera, gdy obrazek się nie załaduje */
        img::after {
            content: attr(alt);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Roboto', sans-serif;
            font-size: 0.875rem;
            text-align: center;
            padding: 8px;
            box-sizing: border-box;
            border-radius: inherit;
            background-color: #e2e8f0;
            /* Domyślne tło */
            color: #64748b;
            /* Domyślny kolor tekstu */
        }

        /* Warianty kolorystyczne  */
        .fallback-banner::after {
            background-color: #e2e8f0;
            color: #64748b;
        }

        .fallback-poster::after {
            background-color: #f8fafc;
            color: #94a3b8;
        }

        .fallback-white::after {
            background-color: #ffffff;
            color: #000000;
            border: 1px dashed #cbd5e1;
        }

        .fallback-red::after {
            background-color: #ef4444;
            color: #ffffff;
            font-size: 1.2rem;
        }