/* Alap konténer középre igazítása (ha még nincs beállítva a CSS-edben) */
    #partner .container {
        text-align: center;
    }

    /* A logókat tartalmazó új div beállításai (Flexbox) */
    .partner-logos {
        display: flex;
        flex-wrap: wrap; /* Több sorba tördeli, ha nem férnek ki */
        justify-content: center; /* Vízszintesen középre rendezi őket */
        align-items: center; /* Függőlegesen középre rendezi őket */
        gap: 15px; /* Távolság a logók között */
        margin-top: 20px;
    }

    /* Maguknak a képeknek a méretezése */
    .epvp-img {
        height: 60px; /* Itt állíthatod az egységes magasságot. Próbáld meg növelni/csökkenteni, ha kell. */
        width: auto; /* A szélesség automatikusan arányosan változik */
        object-fit: contain; /* Biztosítja, hogy a kép nem torzul */
        border: 1px solid #d4af37; /* A képen látható sárgás keret, ezt kiveheted ha a képeken eleve rajta van */
        border-radius: 4px; /* Opcionális: pici kerekítés a sarkoknak */
        transition: transform 0.2s ease-in-out; /* Hover effektus előkészítése */
    }

    /* Opcionális: Ha ráviszed az egeret picit megnő */
    .epvp-img:hover {
        transform: scale(1.05);
    }
</style>