<div class="top-events d-flex f-wrap j-center gap-20">

    <div class="event w-175">
        <h3>Rei do Mu</h3>
        <div class="info">
            <div class="image">
                <img src="<?= tops_server['king']['image'] ?>" width="100" height="100">
            </div>
        </div>
        <p>Sàbado ás 14:00h</p>
    </div>

    <div class="event w-394">
        <h3>Top Guild</h3>
        <div class=" d-flex j-center gap-10">
            <div class="info">
                <div class="image">
                    <img src="<?= tops_server['top_guild']['image'] ?>" width="100" height="100">
                </div>
            </div>
        </div>
        <p>Sàbado ás 14:00h</p>
    </div>

    <div class="event w-175">
        <h3>Dupla PvP</h3>
        <div>
            <div class="info">
                <div class="image">
                    <img src="<?= tops_server['dupla']['image'] ?>" width="100" height="100">
                </div>
            </div>
        </div>
        <p>Sàbado ás 14:00h</p>
    </div>

    <div class="event w-175">
        <h3>Rainha do do Mu</h3>
        <div>
            <div class="info">
                <div class="image">
                    <img src="<?= tops_server['dupla']['image'] ?>" width="100" height="100">
                </div>
            </div>
        </div>
        <p>Sàbado ás 14:00h</p>
    </div>

    <div class="event w-175">
        <h3>Trio PvP</h3>
        <div>
            <div class="info">
                <div class="image">
                    <img src="<?= tops_server['trio']['image'] ?>" width="100" height="100">
                </div>
            </div>
            <div class="info">
            </div>
        </div>
        <p>Sàbado ás 14:00h</p>
    </div>

    <div class="event">
        <h3>Top Classe</h3>
        <div class=" d-flex j-center gap-10">
            <div class="info">
                <p><?= __geraterank(tops_server['top_class']['sm'])['name'] ?></p>
                <div class="image">
                    <img src="<?= __geraterank(tops_server['top_class']['sm'])['image'] ?>" width="100" height="100">
                </div>
                <p>Soul Master</p>
            </div>
            <div class="info">
                <p><?= __geraterank(tops_server['top_class']['bk'])['name'] ?></p>
                <div class="image">
                    <img src="<?= __geraterank(tops_server['top_class']['bk'])['image'] ?>" width="100" height="100">
                </div>
                <p>Blade Knight</p>
            </div>
            <div class="info">
                <p><?= __geraterank(tops_server['top_class']['elf'])['name'] ?></p>
                <div class="image">
                    <img src="<?= __geraterank(tops_server['top_class']['elf'])['image'] ?>" width="100" height="100">
                </div>
                <p>Muse Elf</p>
            </div>
            <div class="info">
                <p><?= __geraterank(tops_server['top_class']['mg'])['name'] ?></p>
                <div class="image">
                    <img src="<?= __geraterank(tops_server['top_class']['mg'])['image'] ?>" width="100" height="100">
                </div>
                <p>Magic Gladiator</p>
            </div>
            <div class="info">
                <p><?= __geraterank(tops_server['top_class']['dl'])['name'] ?></p>
                <div class="image">
                    <img src="<?= __geraterank(tops_server['top_class']['dl'])['image'] ?>" width="100" height="100">
                </div>
                <p>Dark Lord</p>
            </div>
        </div>
    </div>
</div>
<div class="space-15"></div>