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

URL inviato:
https://avalonroads-97617.web.app/
Report terminato:

I link in uscita identificati dalla pagina

Variabili JavaScript · 42 trovate

Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente

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

Messaggi di log della console · 3 trovati

Messaggi registrati nella console Web

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

HTML

Il corpo HTML non elaborato della pagina

<!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>