https://avalonroads-97617.web.app/

Eingereichte URL:
https://avalonroads-97617.web.app/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

JavaScript-Variablen · 42 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
0object
1object
2object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
uidEventnumber
bootstrapobject

Konsolenprotokoll-Meldungen · 3 gefunden

In der Web-Konsole protokollierte Meldungen

TypKategorieProtokoll
errornetwork
URL
https://avalonroads-97617.web.app/docs/5.3/assets/js/color-modes.js
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://avalonroads-97617.web.app/icons/undefined
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://avalonroads-97617.web.app/favicon.ico
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

Der HTML-Rohtext der Seite

<!DOCTYPE html><html lang="en" class="h-100" data-bs-theme="auto"><head>
    <script src="https://pagead2.googlesyndication.com/pagead/managed/js/adsense/m202412090101/show_ads_impl_with_ama_fy2021.js?client=ca-pub-2562922477523976&amp;plah=avalonroads-97617.web.app"></script><script src="/docs/5.3/assets/js/color-modes.js"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <title>Avalon Maps</title>

    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css_thema/css.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
    <script src="data.js" defer=""></script>
    <script src="scripts/main.js" defer=""></script>
    <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2562922477523976" crossorigin="anonymous" data-checked-head="true"></script> <!-- adsense -->
    <style>
        .loading-indicator {
            display: none;
            text-align: center;
            margin: 20px 0;
            color: white;
        }
    </style>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-QHQ69LHSBE"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QHQ69LHSBE');
</script><meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"></head>
<!-- Google tag (gtag.js) -->


<body class="text-bg-dark">
    <nav class="navbar bg-dark border-bottom border-body" data-bs-theme="dark">
        <div class="container-fluid">
            <span class="navbar-brand mb-0 h1">Albion Online - Road Avalon - Maps Tracker</span>
        </div>
    </nav>

    <div class="container mt-2" style="height: auto !important;">
        <!-- Contador de mapas -->
        <div id="mapCount" class="text-light mb-3">
            Total Maps: <span id="mapCountValue">319</span>
        </div>
        
        <!-- Radio buttons for sorting -->
        <div class="mb-3">
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="sortOption" id="sortName" value="name" checked="">
                <label class="form-check-label" for="sortName">Sort by Name</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="sortOption" id="sortTier" value="tier">
                <label class="form-check-label" for="sortTier">Sort by Tier</label>
            </div>
        </div>

        <input class="form-control" id="myInput" type="text" placeholder="Search..">
        <br>

        <div id="loadingIndicator" class="loading-indicator">Loading...</div>

        <div class="google-auto-placed" style="width: 100%; height: auto; clear: both; text-align: center;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-2562922477523976" data-adsbygoogle-status="done" style="display: block; margin: 10px auto 20px; background-color: transparent; height: 280px;" data-ad-status="filled"><div id="aswift_1_host" style="border: none; height: 280px; width: 696px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block; overflow: visible;"><iframe id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;border:0;width:696px;height:280px;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" width="696" height="280" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-2562922477523976&amp;output=html&amp;h=280&amp;adk=1214650216&amp;adf=1706824535&amp;pi=t.aa~a.2251523845~rp.1&amp;w=696&amp;abgtt=6&amp;fwrn=4&amp;fwrnh=100&amp;lmt=1732121932&amp;rafmt=1&amp;to=qs&amp;pwprc=3239447436&amp;format=696x280&amp;url=https%3A%2F%2Favalonroads-97617.web.app%2F&amp;fwr=0&amp;pra=3&amp;rpe=1&amp;resp_fmts=3&amp;wgl=1&amp;fa=40&amp;uach=WyIiLCIiLCIiLCIiLCIiLG51bGwsMCxudWxsLCIiLG51bGwsMF0.&amp;dt=1734520941927&amp;bpp=3&amp;bdt=1166&amp;idt=297&amp;shv=r20241212&amp;mjsv=m202412090101&amp;ptt=9&amp;saldr=aa&amp;abxe=1&amp;eoidce=1&amp;prev_fmts=0x0&amp;nras=2&amp;correlator=4565277730350&amp;frm=20&amp;pv=1&amp;u_tz=0&amp;u_his=2&amp;u_h=1&amp;u_w=1&amp;u_ah=1&amp;u_aw=1&amp;u_cd=24&amp;u_sd=1&amp;dmc=2&amp;adx=47&amp;ady=213&amp;biw=790&amp;bih=600&amp;scr_x=0&amp;scr_y=0&amp;eid=95348683%2C31089326%2C31089337%2C95332927%2C95345966&amp;oid=2&amp;pvsid=2667727599633853&amp;tmod=1154425910&amp;uas=0&amp;nvt=1&amp;fc=1920&amp;brdim=0%2C0%2C0%2C0%2C1%2C0%2C0%2C0%2C800%2C600&amp;vis=1&amp;rsz=%7C%7Cs%7C&amp;abl=NS&amp;fu=128&amp;bc=31&amp;bz=0&amp;ifi=2&amp;uci=a!2&amp;fsb=1&amp;dtd=313" data-google-container-id="a!2" tabindex="0" title="Advertisement" aria-label="Advertisement" data-google-query-id="CMeV-4SasYoDFR5E9ggdwVgSCA" data-load-complete="true"></iframe></div></ins></div><table class="table table-dark table-hover">
            <thead>
                <tr>
                    <th class="text-center align-middle" scope="col">Name</th>
                    <th class="text-center align-middle" scope="col">Tier</th>
                    <th class="text-center align-middle" scope="col">Resource</th>
                    <th class="text-center align-middle d-none d-md-table-cell" scope="col">Img</th>
                    <th class="text-center align-middle" scope="col"></th>
                </tr>
            </thead>
            <tbody id="myTable">
                <tr>
                    <td class="text-center align-middle"><h4>Cases-Ugumlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cases-Ugumlos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Casitos-Alieam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Casitos-Alieam t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Casitos-Atinaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Casitos-Atinaum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Casos-Aiagsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Casos-Aiagsum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Casos-Aximam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Casos-Aximam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Casos-Ayosrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Casos-Ayosrom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Casos-Uruxtum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Casos-Uruxtum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cebitos-Aeaylum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cebitos-Aeaylum_t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cebos-Avemlum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/cebos-avemlum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ceres-Iooinum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ceres-Iooinum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ceros-Aeaylum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ceros-Aeaylum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cetitos-Aiayrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cetitos-Aiayrom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cetitos-Avixnum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cetitos-Avixnum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cetitos-Aximam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/cetitos-aximam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cetos-Obaelos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cetos-Obaelos_T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cieites-Ugumlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cieites-Ugumlos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cieitos-Avioaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cieitos-Avioaum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cieitos-Avioaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cieitos-Avioaum_T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cieitos-Ayosrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/cieitos-ayosrom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cieitos-Obaelos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cieitos-Obaelos t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cieitos-Otatrom</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cieitos-Otatrom T8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cieos-Atatlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cieos-Atatlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cilitos-Opodam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cilitos-Opodam.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cilos-Avioaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cilos-Avioaum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cilos-Ofailos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cilos-Ofailos T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cilos-Otatrom</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cilos-Otatrom t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Conitos-Ofailos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Conitos-Ofailos T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Conitos-Oxaeaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Conitos-Oxaeaum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Conitos-Uruxtum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Conitos-Uruxtum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Conitos-Uruxtum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Conitos-uruxtum_T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Conitos-Uruxtum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Conitos-uruxtum_T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Conos-Avaelum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Conos-Avaelum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Coritos-Avemlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Coritos-Avemlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Coros-Aiayrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Coros-Aiayrom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Coros-Alieam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Coros-Alieam_T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Coros-Atinaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Coros-Atinaum t6 v2.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Coues-Exakrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Coues-Exakrom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Coues-Exakrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Coues-Exakrom_T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Couos-Ayayaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Couos-Ayayaum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Couos-Opodam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Couos-Opodam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Curites-Exakrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Curites-Exakrom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Curitos-Ayayaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Curitos-Ayayaum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Curos-Avulsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Curos-Avulsum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cuyites-Iooinum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/cuyites-iooinum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cynitos-Aiagsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cynitos-Aiagsum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cynitos-Atatlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cynitos-Atatlum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cynos-Avixnum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cynos-Avixnum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Cynos-Oxaeaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Cynos-Oxaeaum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fasites-Azazsum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fasites-Azazsum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fasitos-Atezsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fasitos-Atezsum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fasitos-Oleraum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fasitos-Oleraum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fasitos-Oyuctum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fasitos-Oyuctum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fasos-Ayiotum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fasos-Ayiotum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Febos-Acalun</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Febos-Acalun t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ferites-Ohohtum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ferites-Ohohtum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Feritos-Enomaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Feritos-Enomaum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Feritos-Osinsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Feritos-Osinsum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Feros-Oyuctum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Feros-Oyuctum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fetos-Aiaylos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fetos-Aiaylos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fiees-Ohohtum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fiees-Ohohtum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fieites-Unavtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fieites-Unavtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fieos-Aiuttum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fieos-Aiuttum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Files-Azazsum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Files-Azazsum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Files-Izizaum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Files-Izizaum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Filites-Izohun</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Filites-Izohun t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Filitos-Uzazlum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Filitos-Uzazlum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Filos-Abalam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Filos-Abalam T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Firitos-Alodrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Firitos-Alodrom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Firos-Aiavam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Firos-Aiavam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Firos-Enomaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/firos-enomaum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Firos-Ezatam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/firos-ezatam.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Firos-Osinsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Firos-Osinsum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Firos-Osinsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Firos-Osinsum_T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fones-Opavun</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fones-Opavun t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fonitos-Amaurom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fonitos-Amaurom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fonos-Aiugsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fonos-Aiugsum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fonos-Oleraum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fonos-Oleraum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Foritos-Aiaylos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Foritos-Aiaylos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Foros-Egoisum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Foros-Egoisum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Foros-Uzazlum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Foros-Uzazlum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Foues-Aeaosum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Foues-Aeaosum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fouitos-Aiattum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/fouitos-aiattum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fouos-Agosaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fouos-Agosaum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fouos-Amaurom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fouos-Amaurom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Furitos-Aiavam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Furitos-Aiavam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fuyes-Izohun</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fuyes-Izohun T8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fuyitos-Acalun</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fuyitos-Acalun t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fuyitos-Ayiotum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fuyitos-Ayiotum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fynes-Unavtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fynes-Unavtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fynites-Aeaosum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fynites-Aeaosum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fynitos-Abalam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/fynitos-abalam t4 tunnellow.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fynitos-Aiugsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fynitos-Aiugsum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fynitos-Egoisum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fynitos-Egoisum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Fynitos-Ezatam</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Fynitos-Ezatam t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hasitos-Avaolum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hasitos-Avaolum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hasitos-Umayaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hasitos-Umayaum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hasos-Agoitum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hasos-Agoitum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hasos-Ayousum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hasos-Ayousum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hasos-Inayaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hasos-Inayaum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hasos-Iuimaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hasos-Iuimaum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hasos-Osuorom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hasos-Osuorom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hebes-Ouaylos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hebes-Ouaylos t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hebites-Exemrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hebites-Exemrom T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hebitos-Atontum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hebitos-Atontum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hebos-Ulamsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hebos-Ulamsum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Heritos-Inayaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Heritos-Inayaum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Heros-Atoyam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Heros-Atoyam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hetitos-Iuaerom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hetitos-Iuaerom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hiles-Izizaum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hiles-Izizaum T8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hilites-Ugumtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hilites-Ugumtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hilitos-Aiigaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hilitos-Aiigaum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hilitos-Osuorom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hilitos-Osuorom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hiros-Exozlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hiros-Exozlos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hiros-Iuaerom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hiros-Iuaerom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Honites-Izizaum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Honites-Izizaum_T8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Honos-Oyezam</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Honos-Oyezam T8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Honos-Umayaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Honos-Umayaum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Horos-Ohenlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Horos-Ohenlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hurites-Ieatun</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hurites-Ieatun t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hurites-Ouaylos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hurites-Ouaylos t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huritos-Iuimaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Huritos-Iuimaum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huritos-Oiaelos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">9</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Huritos-Oiaelos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huros-Atontum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Huros-Atontum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huyes-Ogozlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Huyes-Ogozlum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huyitos-Agoitum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/huyitos-agoitum t6 tunnel blacklow.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huyitos-Ohenlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Huyitos-Ohenlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huyos-Eyoztum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Huyos-eyoztum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Huyos-Uxeulum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Huyos-Uxeulum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hynes-Exemrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hynes-Exemrom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hynes-Ieatun</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hynes-Ieatun t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hynites-Ogozlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hynites-Ogozlum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hynitos-Atoyam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hynitos-Atoyam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hynitos-Ayousum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hynitos-Ayousum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hynitos-Ulamsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hynitos-Ulamsum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Hynos-Oiaelos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">9</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Hynos-Oiaelos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oasitos-Aoeuam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oasitos-Aoeuam t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oasos-Eraerom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oasos-Eraerom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oebitos-Eraerom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oebitos-Eraerom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oebitos-Oyozam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oebitos-Oyozam_T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oeritos-Ecunsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oeritos-Ecunsum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oeritos-Oyexlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oeritos-Oyexlos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oetos-Ofailos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oetos-Ofailos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oetos-Oyexlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/OETOS-OYEXLOS - T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oieitos-Ixakaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/oieitos-ixakaum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oieos-Umiutum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oieos-Umiutum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oires-Oloblum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oires-Oloblum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oiritos-Eramtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oiritos-Eramtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oiros-Alaiam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oiros-Alaiam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oonitos-Umiutum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oonitos-Umiutum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ooros-Ataltum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ooros-Ataltum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ooros-Ecunsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ooros-Ecunsum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oures-Araosum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oures-Araosum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ouritos-Ataltum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ouritos-Ataltum t6 v2.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ouritos-Ofailos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ouritos-Ofailos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ouyos-Aoeuam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ouyos-Aoeuam t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oynites-Oloblum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oynites-Oloblum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oynitos-Uromlum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oynitos-Uromlum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oynos-Eramtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oynos-Eramtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Oynos-Oyozam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Oynos-Oyozam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pebos-Avosrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pebos-Avosrom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Peritos-Avosam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Peritos-Avosam t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Peritos-Oconun</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Peritos-Oconun T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Peros-Aiataum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Peros-Aiataum-T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Petitos-Amayam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Petitos-Amayam t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Petitos-Avosrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Petitos-Avosrom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Petos-Aietam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Petos-Aietam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pieos-Eterrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pieos-Eterrom T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pieos-Ofairom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pieos-Ofairom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pilitos-Eterrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pilitos-Eterrom T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pirites-Unatam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pirites-Unatam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Piritos-Ofavam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Piritos-Ofavam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Piritos-Opabrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Piritos-Opabrom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Ponitos-Aiayrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Ponitos-Aiayrom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Poros-Aiayrom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Poros-Aiayrom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Poros-Oconun</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Poros-oconun.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Poues-Unatam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Poues-Unatam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pouitos-Ofairom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pouitos-Ofairom_T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pures-Ouozlum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pures-Ouozlum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Puros-Amayam</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Puros-Amayam T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Puros-Ofavam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Puros-_Ofavam_T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Puyitos-Aiataum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Puyitos-Aiataum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pynites-Ouozlum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pynites-Ouozlum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pynitos-Aietam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pynitos-Aietam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Pynos-Opabrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Pynos-Opabrom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Al-Nusom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Al-Nusom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Al-Qinsis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Al-Qinsis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Al-Vynsis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Al-Vynsis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Et-Nusas</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Et-Nusas t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Et-Qinsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Et-Qinsum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-In-Viesis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-In-Viesis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Nutis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Nutis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Oc-Odetum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Oc-Odetum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Qi-Nusom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Qi-Nusom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Qi-Odesas</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Qi-Odesas T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Sa-Odetis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/undefined" alt="HIDE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Sa-Odetis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Si-Odesum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Si-Odesum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Si-Tertum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Si-Tertum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiient-Tersom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiient-Tersom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiitun-Duosum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiitun-Duosum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiitun-Et-Vietis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiitun-Et-Vietis T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Qiitun-Vietis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Qiitun-Vietis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quaent-Al-Nusis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/quaent-al-nusis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quaent-Al-Viesom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/quaent-al-Viesom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quaent-Al-Vynsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/quaent-al-vynsum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quaent-In-Nusis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Quaent-In-Nusis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quaent-In-Odesum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Quaent-In-Odesum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quaent-Qintis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Quaent-Qintis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quaent-Tersis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Quaent-Tersis T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quatun-Et-Nusas</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Quatun-et-Nusas t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quatun-Nusas</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Quatun-Nusas T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Quatun-Odetum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Quatun-Odetum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sases-Aoarsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sases-Aorsum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sases-Avuotum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sases-Avuotum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sasitos-Umogaum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/sasitos-umogaum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sasos-Egeylos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sasos-Egeylos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sasos-Oiozlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sasos-Oiozlum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sebos-Avoirom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sebos-Avoirom T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sebos-Oyohun</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sebos-Oyohun t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sebos-Ugersum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sebos-Ugersum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-AI-Odetis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-AI-Odetis.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Al-Duosom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Al-Duosom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-al-tersum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-al-tersum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Et-Odesis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Et-Odesis T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Et-Vyntum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Et-Vyntum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Nutum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Nutum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Odesom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Odesom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Qi-Qinsom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Qi-Qinsom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Sa-Odesis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Sa-Odesis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Viesum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Viesum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Secent-Vyntum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Secent-Vyntum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sectun-In-Odesis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sectun-In-Odesis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sectun-in-Vyntis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sectun-in-Vyntis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sectun-Qinsom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sectun-Qinsom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sectun-Tersas</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/sectun-tersas t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Seritos-Egeylos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Seritos-Egeylos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Seritos-Onaytum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Seritos-Onaytum T6 V2.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setent-Al-Vietis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setent-Al-Vietis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setent-Al-Vietis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setent-Al-Vietis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setent-Et-Nusum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setent-Et-Nusum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setent-Et-Qintis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setent-Et-Qintis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setent-Nusum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setent-Nusum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setent-Qintis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setent-Qintis t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setent-Vietis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setent-Vietis T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setitos-Obobrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setitos-Obobrom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Setos-Avamsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Setos-Avamsum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Settun-AL-Nusis</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Settun-AL-Nusis T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Settun-Al-Odetum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Settun-Al-Odetum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Settun-In-Odetum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Settun-In-Odetum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Settun-Odetum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Settun-Odetum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Settun-Tersom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Settun-Tersom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sieos-Ofugtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/sieos-ofugtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Silitos-Abizaum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Silitos-Abizaum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Silos-Apenlum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Silos-Apenlum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Siritos-Avoirom</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Siritos-Avoirom t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Siritos-Oyohun</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Siritos-Oyohun t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Siros-Obobrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Siros-Obobrom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Siros-Ofurlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Siros-Ofurlos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Sonitos-Ayailos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Sonitos-Ayailos_T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Soritos-Aiaitum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/soritos-aiaitum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Soritos-Apenlum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Soritos-Apenlum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Soritos-Avamsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Soritos-Avamsum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Soros-Axaesum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Soros-Axaesum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Soues-Uzurtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Soues-Uzurtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Souitos-Oiozlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Souitos-Oiozlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Souos-Availos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Souos-Availos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Souos-Ososlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Souos-Ososlos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Suyites-Uzurtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Suyites-Uzurtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Suyitos-Ofugtum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Suyitos-Ofugtum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Suyitos-Oyarlos</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Suyitos-Oyarlos t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Suyos-Onaytum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Suyos-Onaytum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Synites-Aoarsum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Synites-aoarsum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Synitos-Availos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/synitos-availos.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Synitos-Ofurlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Synitos-Ofurlos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Synitos-Ososlos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Synitos-Ososlos t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Synos-Ayailos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">1</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">1</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Synos-Ayailos t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Synos-Oyarlos</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Synos-Oyarlos T8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tasitos-Obayam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tasitos-Obayam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tasitos-Ulaurom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tasitos-Ulaurom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tasos-Iriglos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tasos-Iriglos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tebitos-Odoxlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tebitos-Odoxlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Teros-Auiusum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/teros-auiusum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tetitos-Ayoslum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tetitos-Ayoslum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tetos-Igaelum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">7</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/tetos-igaelum.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tetos-Ulaurom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">8</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tetos-Ulaurom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tieitos-Ouultum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tieitos-Ouultum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tieos-Ayoslum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tieos-Ayoslum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tilitos-Ataglos</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">9</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tilitos-Ataglos t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tiros-Odoxlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tiros-Odoxlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tiros-Ouultum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tiros-Ouultum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tonitos-Igurlum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tonitos-Igurlum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Toritos-Iriglos</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Toritos-Iriglos T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Touos-Ataglos</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">9</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Touos-Ataglos t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Touos-Uoemtum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Touos-Uoemtum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tuyitos-Aboysum</h4></td>
                    <td class="text-center align-middle">8</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tuyitos-Aboysum t8.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tuyitos-Auiusum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tuyitos-Auiusum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tynos-Atatlos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tynos-Atatlos t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tynos-Eyexrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tynos-Eyexrom t6 v2.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Tynos-Uxavrom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Tynos-Uxavrom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xases-Oxoulum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xases-Oxoulum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xasos-Aeoilos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xasos-Aeoilos t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xasos-Oneulum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xasos-Oneulum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xebitos-Oyogam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xebitos-Oyogam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xebos-Emimsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xebos-Emimsum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xebos-Exostum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xebos-Exostum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xerites-Oxoulum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/xerites-oxoulum t6 tunnel black low.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xetitos-Emimsum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xetitos-Emimsum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xetos-Obursum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/xetos-obursum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xiles-Aiavlum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xiles-Aiavlum T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xilitos-Aoemaum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">4</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xilitos-Aoemaum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xilos-Osayam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xilos-Osayam t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xiros-Aiairom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/xiros-aiairom t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xoritos-Aiairom</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xoritos-Aiairom T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xoritos-Exostum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/W.png" alt="LOGS">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xoritos-Exostum T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xoritos-Osayam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xoritos-Osayam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xouitos-Aeoilos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xouitos-Aeoilos T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xuros-Eyoztum</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/M.png" alt="COTTON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xuros-Eyoztum t4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xuyitos-Aioblos</h4></td>
                    <td class="text-center align-middle">4</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">6</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">3</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xuyitos-Aioblos T4.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xynitos-Obursum</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">5</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/P.png" alt="HIRE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/K.png" alt="ORE">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xynitos-Obursum t6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            
                <tr>
                    <td class="text-center align-middle"><h4>Xynos-Oyogam</h4></td>
                    <td class="text-center align-middle">6</td>
                    <td class="text-center align-middle">
                    <span class="position-relative">
                        <img src="icons/Z.png" alt="GOLD">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/T.png" alt="BLUE">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/V.png" alt="GREEN">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/D.png" alt="DUNGEON">
                        
                    </span>
                
                    <span class="position-relative">
                        <img src="icons/S.png" alt="ROCK">
                        <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-danger">2</span>
                    </span>
                </td>
                    <td class="text-center align-middle">
                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#imageModal" data-img-src="img/Xynos-Oyogam T6.png">Open Image</button>
                    </td>
                    <td class="text-center align-middle"></td>
                </tr>
            </tbody>
        </table>
    </div>


    <!-- Modal Structure -->
    <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content bg-dark">
                <div class="modal-body">
                    <img src="" class="img-fluid rounded" alt="Enlarged Image" id="modalImage" loading="lazy">
                </div>
            </div>
        </div>
    </div>


<ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important;"><div id="aswift_0_host" style="border: none; height: 0px; width: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;border:0;width:undefinedpx;height:undefinedpx;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-2562922477523976&amp;output=html&amp;adk=1812271804&amp;adf=3025194257&amp;abgtt=6&amp;lmt=1732121932&amp;plat=1%3A8200%2C2%3A8200%2C3%3A2162688%2C4%3A2162688%2C9%3A134250504%2C16%3A8388608%2C17%3A32%2C24%3A32%2C25%3A32%2C30%3A1048576%2C32%3A32%2C41%3A32%2C42%3A32&amp;format=0x0&amp;url=https%3A%2F%2Favalonroads-97617.web.app%2F&amp;pra=5&amp;wgl=1&amp;aihb=0&amp;aiof=3&amp;asro=0&amp;ailel=1~2~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&amp;aiael=1~2~3~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&amp;aicel=33~38&amp;aifxl=29_18~30_19&amp;aiixl=29_5~30_6&amp;aiict=1&amp;itsi=-1&amp;aiapm=0.3221&amp;aiapmi=0.33938&amp;aiombap=1&amp;aief=1&amp;uach=WyIiLCIiLCIiLCIiLCIiLG51bGwsMCxudWxsLCIiLG51bGwsMF0.&amp;dt=1734520941823&amp;bpp=104&amp;bdt=1062&amp;idt=287&amp;shv=r20241212&amp;mjsv=m202412090101&amp;ptt=9&amp;saldr=aa&amp;abxe=1&amp;eoidce=1&amp;nras=1&amp;correlator=4565277730350&amp;frm=20&amp;pv=2&amp;u_tz=0&amp;u_his=2&amp;u_h=1&amp;u_w=1&amp;u_ah=1&amp;u_aw=1&amp;u_cd=24&amp;u_sd=1&amp;dmc=2&amp;adx=-12245933&amp;ady=-12245933&amp;biw=790&amp;bih=600&amp;scr_x=0&amp;scr_y=0&amp;eid=95348683%2C31089326%2C31089337%2C95332927%2C95345966&amp;oid=2&amp;pvsid=2667727599633853&amp;tmod=1154425910&amp;uas=0&amp;nvt=1&amp;fsapi=1&amp;fc=1920&amp;brdim=0%2C0%2C0%2C0%2C1%2C0%2C0%2C0%2C800%2C600&amp;vis=1&amp;rsz=%7C%7Cs%7C&amp;abl=NS&amp;fu=32768&amp;bc=31&amp;bz=0&amp;ifi=1&amp;uci=a!1&amp;fsb=1&amp;dtd=389" data-google-container-id="a!1" tabindex="0" title="Advertisement" aria-label="Advertisement" data-load-complete="true"></iframe></div></ins><div class="google-auto-placed" style="width: 100%; height: auto; clear: both; text-align: center;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-2562922477523976" data-adsbygoogle-status="done" style="display: block; margin: 10px auto; background-color: transparent; height: 280px;"><div id="aswift_2_host" style="border: none; height: 280px; width: 790px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"></div></ins></div><script type="text/javascript" src="https://ep2.adtrafficquality.google/sodar/sodar2.js"></script></body><iframe id="google_esf" name="google_esf" src="https://pagead2.googlesyndication.com/pagead/html/r20241212/r20190131/zrt_lookup_fy2021.html" style="display: none;"></iframe></html>