JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mi-SectionBody" style="display: block;">
   <div class="tbl  ">
      <div class="tblrow" canvas_width="978" layout_type="row">
         <div class="tblcell" canvas_width="978" layout_type="column">
            <div tabindex="-1" class=" css-14i6hx7-ImageWidget_Wrapper eiwbwx80" id="Attachment1-ImageWidget" style="margin-top: 16px; margin-right: 16px; display: inline-flex;">
               <div class="css-1oom6kg-ImageWrapper eiwbwx83"><img alt="" title="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBzdHJva2U9IiNBMUFDQjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjEuNSAyMy41aC0xOXYtMjNoMTNsNiA2ek0xNS41LjV2Nmg2TTcuNSA3LjVoNC41TTcuNSAxMC41aDlNNy41IDEzLjVoM003LjUgMTYuNWgzTTcuNSAxOS41aDNNMTIuNSAxNC41di0xaDR2MU0xNC41IDEzLjV2Nk0xMyAxOS41aDMiLz48L2c+PC9zdmc+" class="css-ffaz9p-Image eiwbwx84"></div>
               <div style="position: absolute; margin: -10px; z-index: 200; width: auto; inset: 0px 0px auto auto;">
                  <div id="EditMenu_Wrapper-Attachment1">
                     <div class="css-1wb675c-Wrapper epuw5em0">
                        <span tabindex="-1" class="css-9hp5eu-Button-customFocusOutline-customFocusOutline epuw5em2">
                           <div class="css-xxu2wb-EditButton eir418y0" style="transform: scale(1.15) rotate(45deg) translateZ(0px);">
                              <div class="">
                                 <span color="#5D9DD5" class="css-1sgjpw7-IconWrapper emlkzs90">
                                    <svg width="20px" height="20px" viewBox="0 0 1024 1024" preserveAspectRatio="none" fill="#5D9DD5" xmlns="http://www.w3.org/2000/svg">
                                       <path d="M512 1002.667c270.988 0 490.667-219.679 490.667-490.667s-219.679-490.667-490.667-490.667c-270.988 0-490.667 219.679-490.667 490.667v0c0.316 270.861...

CSS

*,
 ::before,
 ::after {
	border-width: 0px;
	border-style: solid;
	border-color: transparent;
}

*,
 ::before,
 ::after {
	box-sizing: inherit;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0px;
	padding: 0px;
}

.mi-Section {
	float: left;
	display: block;
	width: 100%;
	top: 0px;
	box-sizing: border-box;
}

.mi-cell-padding-right-1x,
.mi-cell-padding-right {
	padding-right: 1em !important;
}

.mi-cell-padding-left-1x,
.mi-cell-padding-left {
	padding-left: 1em !important;
}

.mi-Section {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	top: 0px;
	box-sizing: border-box;
}

.mi-SectionHeader {
	background-color: rgb(255, 255, 255);
}

.mi-Section .mi-SectionHeader {
	font-size: 32px;
	cursor: pointer;
	background: rgb(255, 255, 255);
}

.mi-Section .mi-SectionHeader {
	font-size: 16px;
	cursor: pointer;
	background: rgb(255, 255, 255);
}

.mi-section-header-caption-primary>.mi-SectionHeader .mi-section-header-caption {
	color: rgb(93, 157, 213);
}

.mi-section-header-caption-primary>.mi-SectionHeader .mi-section-header-caption,
.mi-section-header-caption-primary>.mi-SectionHeader .mi-section-collapsible {
	color: rgb(93, 157, 213);
}

.mi-section-collapsible {
	float: right;
	color: rgb(106, 122, 133);
	display: block;
	margin-left: 0.5em;
}

em,
i {
	font-style: italic;
	line-height: inherit;
}

.mi-icon-chevron-down::before,
.mi-icon-chevron-down.Right::after {
	content: "";
}

.mi-section-header-icon-primary>.mi-SectionHeader .mi-section-collapsible i {
	color: rgb(93, 157, 213) !important;
}

.tbl {
	display: table;
	width: 100%;
}

.tblrow {
	display: table-row;
}

.tblcell {
	border-color: rgb(0, 0, 0);
}

.tblcell {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
}

.css-14i6hx7-ImageWidget_Wrapper {
	position: relative;
	display: inline-block;
	border: none;
	width: 48px;
	height: 48px;
	min-width: 0px;
	max-width:...