JSFiddle - React, Tailwind, and code Playground

by Dug Sohn

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<br/><br>

<div class="container">
  <div class="row">
    <div class="col-xs-12 text-center">
    <h1>
    Working Image
    </h1>
    <img src="http://www.dogbreedslist.info/uploads/allimg/dog-pictures/Vizsla-2.jpg" style="height:450px; width:900px" class="ui-yakaimage img-responsive">
    </div>
  </div>
  
  
</div>




<br><br>

<div class="container">
  <div class="row">
    <div class="col-xs-12 text-center">
    <h1>
    Broken Image
    </h1>
    <img src="..." style="height:450px; width:900px" class="ui-yakaimage img-responsive">
    </div>
  </div>
  
  
</div>




<br><br>

CSS

.ui-yakaimage {

display: inline-block;
background-color: rgba(0,0,0,.2);
box-shadow: inset 0 0 2px rgba(0,0,0,.6);

}