JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container-fluid account-settings-confirm-container-left-fill"> </div>
  <div class="container-fluid account-settings-confirm-container ng-scope">
 <div class="spotlight"></div>
  <div class="account-settings-confirm">
        <div class="row account-settings-confirm-banner extend-full">
          </div>
</div>
</div>

CSS

.extend-full {
  padding-left: 3000px;
  margin-left: -3000px;
  padding-right: 3000px;
  margin-right: -3000px; }

.spotlight {
  display: block;
  float: left;
  background: radial-gradient(10px 10px at 110px 30px, transparent 0, transparent 60px, rgba(0, 0, 0, 0.5) 65px);
  background: -moz-radial-gradient(10px 10px at 400px 30px, transparent 0, transparent 95px, rgba(0, 0, 0, 0.5) 100px);
  background: -webkit-radial-gradient(10px 10px at 400px 30px, transparent 0, transparent 95px, rgba(0, 0, 0, 0.5) 100px);
  background: -o-radial-gradient(10px 10px at 400px 30px, transparent 0, transparent 95px, rgba(0, 0, 0, 0.5) 100px);
  /* margin-left: -55px; */
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 10; }

.account-settings-confirm-container-overlay {
  z-index: 10;
  background-color: white !important;
  height: 99px;
  position: absolute;
  margin-top: 10px;
  width: 250px;
  font-size: 12px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); }