<div class="logo-container">
    <img src="/logo.png" class="logo" alt="KRETÉN logo">
</div>
<div class="login-container admin-panel">
    <div class="login-header">
        <h2>Menczer Tamás</h2>
    </div>
    <div class="login-form" style="padding: 0;">
        <div class="menczer-container">
            <img src="/templates/_images/menczer.jpg" alt="Menczer Tamás" class="menczer-image" 
                 onload="this.style.opacity = '1'"
                 onerror="this.style.display = 'none'; document.querySelector('.error-message').style.display = 'block';"
                 style="opacity: 0; transition: opacity 0.3s ease; max-width: 100%; height: auto;">
            <div class="error-message" style="display: none; color: #e74c3c; padding: 1rem; text-align: center;">
                Nem sikerült betölteni a képet.
            </div>
        </div>
    </div>
</div>