JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="jquery.upload.js"></script>
    <style>

        /* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
        .modalloader {
            display:    none;
            position:   fixed;
            z-index:    1000;
            top:        0;
            left:       0;
            height:     100%;
            width:      100%;
            background: rgba( 255, 255, 255, .8 )
            url('https://www.incredible-web.com/media/1087/ajax_loaders.png')
            50% 50%
            no-repeat;
        }

        /* When the body has the loading class, we turn
           the scrollbar off with overflow:hidden */
        body.loading {
            overflow: hidden;
        }

        /* Anytime the body has the loading class, our
           modal element will be visible */
        body.loading .modalloader {
            display: block;
        }

        #getimage1, #getimage2, #getimage3, #getimage4, #getimage5, #getimage6, #getimage7, #getimage8, #getimage9, #getimage10, #getimage11, #getimage12 {
            height: 50px;
            width: 50px;
            border:1px solid grey;
        }

    </style>
</head>
<body>

    <input class="multiupload" name="photo[]" type="file" accept="image/*" multiple/>
    <div id="layout">

        <button class="export5" data-toggle="modal" data-target="#modal5">  <img id="getimage5" src="">
        </button><br>
        <button class="export1" data-toggle="modal" data-target="#modal1">  <img id="getimage1" src="">
        </button>
        <button class="export2" data-toggle="modal" data-target="#modal2"> ...