JSFiddle - React, Tailwind, and code Playground

HTML

<style>

.tags {
    display: inline;
    position: relative;
    cursor: help
}
.tags:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: -34px;
    color: #fff;
    content: attr(glose);
    left: -30%;
    text-align: center;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 50px;
}
.tags:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 0 6px 6px 6px;
    bottom: -4px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}


/* TABLE CONTENT */
.Characterinfo {
	border: 1px solid #5F4D41;
	position: relative;
	margin-right: 4px;
	height: 100%;
	background-color: #f1e0c6;
	padding: 0px;
}
.BigToggleButton {
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}
.BigToggleButton:hover {
	font-weight: bold;
}
.outfitImg {
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 64px;
	height: 64px;
	position: relative;
	top: 50px;
	left: 15px;
	margin-left: -64px;
	margin-top: -64px;
}
.skillImage {
	padding: 2px;
	box-shadow: 0px 0px 10px rgb(10, 10, 10) inset;
	border: 1px solid brown;
	border-radius: 6px 6px 6px 6px;
}
.taskaddonImage {
	padding: 2px;
	box-shadow: 0px 0px 10px rgb(10, 10, 10) inset;
	border: 1px solid #505050;
	border-radius: 6px 6px 6px 6px;
	width: 54px;
	height: 54px;
	margin: 2px;
	margin-left: 6.5px;
	background-color: #d4c0a1;
}
</style>
<?php
$tasks = array('rotworm queen' => 11102, 'dragon' => 11104, 'dragon lord' => 11106, 'hero' => 11108, 'black knight' => 11110, 'behemoth' => 11112, 'enlightened of the cult' => 11114, 'bog raider' => 11116, 'cyclops smith' => 11118, 'destroyer' => 11120, 'diabolic imp' => 11122, 'old mad pumpkin' => 11126, 'ferumbras' => 11128, 'fury' => 11130, 'evolution fury' => 11132, 'ghastly dragon' => 11134, 'grim reaper' => 11136, 'giant spider' => 11138, 'hand of cursed fate' => 11140, 'hellfire fighter' => 11142, 'hellspawn' => 11144, 'hydra' =>...