JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Mysuru Palace 360&deg; Demo using Aframe">
    <title>Mysuru Palace 360&deg;</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aframe/0.7.1/aframe.js"></script>
</head>
<body>
    <a-scene>
        <a-sky src="https://farm5.staticflickr.com/4805/45681347724_89db25ee9e_k.jpg"></a-sky>
        <a-text font="kelsonsans" value="Amba Vilas Palace, Mysuru, India" width="6" position="-1.5 0.25 -2.75"
            rotation="0 15 0"></a-text>
        <a-text font="kelsonsans" value="Amba Vilas Palace, otherwise known as the Mysore Palace, is a historical palace and a royal residence at Mysore in the Indian State of Karnataka."
            width="4" position="-1.5 1.2 -3.5" rotation="0 15 0"></a-text>
    </a-scene>
</body>
</html>