JSFiddle - React, Tailwind, and code Playground

by Mukul kant

HTML

<body>
	<div class="wrapper">
	</div>
</body>

CSS

body{background: url(https://gm1.ggpht.com/AKI8uV-9nzZmUCGNsYks5pHGCTzqPyNqMdyEeX1410v2GnV3aH4LzBy_6aizzZrX-PjJEoy5oX7dgLH8m7yPCd12r53tWpITf05-Z5Jo4JkzfsvjvSXWNvYIFPmekI-uReG_NBX1vQ0SBjihKx2534RHH_R9QafmamjfNGpncWVK4EGk489rvglQ-xydOdTofKTmRKY1pXY2BQx2DUhIodKVdeU6Fy3ubEUe06CNzZuVvHAOBx4UY1c2RSHNZLM51itBoE9ckcEDcdv3efa7qaIPRt4OGK2xphvgBCa8YAb6JHeP1vUerc0LcRikca2FERaHrN4fL7XC4PijK21mMfb4dvxyFkHhkCBSjltBVFEnw5yAVNORJBpC-dOt-pisU1KNgiz5Xx4-tAf8gwhvvQ520VsE2SdJObc8Vk3KspFnNHaw_ssCDIjKiSHjmr83X88I3lwKWu6jewOj9zs8o59tr7D0Vtb2eyHxmpRUrlVRCSWb0gn1ov0oOjuNpgl_XVeRxH2Hb-bontIR5XyuubcORSr-yHYaDCDqy7eEOY4I_olFUA08ZTYed0QoXuzNjivk_ZaGNg=w1332-h511-l75-ft);}
	.wrapper{height: 316px;width: 600px;position:relative;background: url(https://lh6.googleusercontent.com/gkdddpnG24_1S5Chl5-U6bz6rF8zpGpORL8hh1yD7-HJwXL_nBzZo9mxL8M4WqnndupMjasdga8jWjTT9zi6TBDNyYE=w1332-h511);margin: 0 auto;border-right:1px solid #333;border-left:1px solid #333;}
	.wrapper:before{background: url(https://lh6.googleusercontent.com/-rSe9rWnJCttnYZznf9Cq4B_bg7_ZFnkOIjvc4kz5QMOd77Rsfor7x5X-KphCN35RO02eMKIW8MfPEBa21Z-lPb6oK1-WWkk=w1332-h511);content: '';position: absolute;height: 100%;width: 43px;left:-44px;}
	.wrapper:after{background: url(https://gm1.ggpht.com/JDjDNZZpxzcjKYA7IjrxYZVT8qBcK_rYoyoWdrc2MrXvKpQoYfzLpdfvUnqx-oW8g04jeCaaO3kvs9h_jk7yJUBy2q-xzqxf9STgQEOUEcxx9Awts3GqvaFlIE7MEK3v2e5QuDiKTCbLlLAE2OqNGmr_XEQEaoiZQM3C5Nn_Oa0PVrNdBJUvlEDgJzNCFN1kN18-q3N9P4GRWwDSjzoG-vPvwhKLCptUcQgfFY4N_darSCPpD51kX4BIE4JdQ5SnmcBGAqHKxBgAz-X-NKfEnM0kfZOkn3M_6nIL-yDe4iqqda9iyOAd_rEUFIO8V1slqNtFmLrxvWnCzWqxkgqyhFBHpHcMXgLgIqhV_IJ8IowPxcJp_MNHOy8MBfYFbMMt2cW2ATzsvvyWdDxUDPcZsX2ow6CqnmTE2-UrO8oKiIC4eLw__-rEl1TGjT5qHL7SnK-CRWuul0pNBarTgDKbKxK73Q2HzV2ctmP3ITE2AoWSgQbFSYfpkOkm2xlBD_NxHZ7EsaGqU2eX5WKqgFs1o8MOG0koaP5zlSbJQUYfeyhuy3d1BOeN6ATJIeQyy2mLZ5JAAvnkHXE=w1332-h511-l75-ft);content: '';position: absolute;height: 100%;width: 43px;right:-44px;}