JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <title>&#43;</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    <style>
        html,
        body {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 13px;
            width: 98%;
            height: 100%;
        }

        .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }

        img {
            width: 70%;
            display: block;
            border-radius: 15px;
            margin-left: auto;
            margin-right: auto;
            background-color: white;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .bigger {
            font-size: 200%;
            vertical-align: middle;
        }

        a {
            text-decoration: none;
            color: #000;
        }

        /*  https://jsfiddle.net/tc1ef05j/2/   */

        .radioGroup label {
            display: inline-block;
            margin: 0 0 0 1em;
            text-align: center;
            font-size: 2em;
        }

        .radioGroup label input[type="radio"] {
            margin: 0.5em auto;
        }

    </style>

</head>

<body>
    <div class="center">

        <br>
        <br>
        <img src="https://i.imgur.com/L9DV8o3.jpg" alt="image missing">
        <br>
        <div class="radioGroup">
            <label for="markv1">đź‘Ť<br />
                <input type="radio" name="img1" id="i1v1" value="up" onchange="getRating(this)" />
            </label>
            <label for="markv2">đź‘Ž<br />
                <input type="radio" name="img1" id="i1v2" value="dn" onchange="getRating(this)" checked="checked" />
            </label>
        </div>

        <hr>
        <br>
        <br>
        <br>
        <img...