JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/oakmac/chessboardjs/master/css/chessboard.css">
<script src="https://rawgit.com/oakmac/chessboardjs/master/js/chessboard.js"></script>
<div id="board" style="width: 400px"></div>

CSS

.highlight-move {
    background-color: #75f547;
    background-image: -webkit-radial-gradient(center center, circle cover, #75f547, #fff 100%);
    background-image:         radial-gradient(center center, circle cover, #75f547, #fff 100%);    
}

.highlight-move2 {
    background-color: #75f547;
    background-image: -webkit-radial-gradient(center center, circle cover, rgba(117, 245, 71, 0.2), rgba(255, 255, 255, 0.2) 100%);
    background-image:         radial-gradient(center center, circle cover, rgba(117, 245, 71, 0.2), rgba(255, 255, 255, 0.2) 100%);
}

JavaScript

var board = new ChessBoard('board');

$('#board').find('.square-d7, .square-f6').addClass('highlight-move');