JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main"> 


<div class="images" style="z-index: 2;"><img crossorigin="anonymous" id="add_1" ondragstart="return false;" class="img-1 image resize" src="https://s7.postimg.cc/7qrt48sxj/botao_baixar.png" style="transform: matrix(0.190268, 0, 0, 0.190268, 4, -35); max-width: 850px; max-height: 650px; position: absolute; top: 0px; left: 0px; pointer-events: all; cursor: move;"><img crossorigin="anonymous" id="add_2" ondragstart="return false;" class="img-2 image resize" src="https://s7.postimg.cc/v4zsg9avv/ferramenta_foto.png" style="transform: matrix(0.179373, 0, 0, 0.179373, 329, -46); max-width: 850px; max-height: 650px; position: absolute; top: 0px; left: 0px; pointer-events: all; cursor: move;"></div></div>

CSS

.ql-snow * {
    box-sizing: border-box;
    outline: 0;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border: none;
    border-radius: 6px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #2fa910;
    background: #95d266;
    color: #1c580d;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: #2fa910!important;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 28px;
    padding: 7px 8px;
    margin: 0 2px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}

.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color:#fff;
    background: #5be215!important;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover...