JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vehicle">
    <div id="vehicle-front"></div>
    <div id="vehicle-left">
        <div id="front"></div>
        <div id="middle"></div>
        <div id="rear"></div>
    </div>
    <div id="vehicle-right">
        <div id="front"></div>
        <div id="middle"></div>
        <div id="rear"></div>
    </div>
    <div id="vehicle-rear"></div>
</div>

CSS

/*---------------------------------------------------
    VEHICLE DAMAGE
  ---------------------------------------------------*/
#vehicle {
  width: 2123px;
  height: 962px;
  position: relative;
  margin: 0 auto; }
  #vehicle #vehicle-front,
  #vehicle #vehicle-left #front,
  #vehicle #vehicle-left #middle,
  #vehicle #vehicle-left #rear,
  #vehicle #vehicle-right #front,
  #vehicle #vehicle-right #middle,
  #vehicle #vehicle-right #rear,
  #vehicle #vehicle-rear {
    background-image: url("http://img.nostatic.pl/img/vehicle_56a09b681ae62.png");
    background-repeat: no-repeat;
    cursor: pointer; }
    #vehicle #vehicle-front.damaged,
    #vehicle #vehicle-left #front.damaged,
    #vehicle #vehicle-left #middle.damaged,
    #vehicle #vehicle-left #rear.damaged,
    #vehicle #vehicle-right #front.damaged,
    #vehicle #vehicle-right #middle.damaged,
    #vehicle #vehicle-right #rear.damaged,
    #vehicle #vehicle-rear.damaged {
      background: url("../img/vehicle_damaged.png"); }
  #vehicle #vehicle-front {
    width: 468px;
    height: 488px;
    background-position: 0 -236px;
    position: absolute;
    top: 236px;
    left: 0; }
    #vehicle #vehicle-front.damaged {
      background-position: 0 -236px; }
  #vehicle #vehicle-left {
    width: 1138px;
    height: 435px;
    position: absolute;
    top: 0;
    left: 468px; }
    #vehicle #vehicle-left #front {
      width: 384px;
      height: 435px;
      background-position: -468px 0;
      float: left; }
      #vehicle #vehicle-left #front.damaged {
        background-position: -468px 0; }
    #vehicle #vehicle-left #middle {
      width: 498px;
      height: 435px;
      background-position: -852px 0;
      float: left; }
      #vehicle #vehicle-left #middle.damaged {
        background-position: -852px 0; }
    #vehicle #vehicle-left #rear {
      width: 256px;
      height: 435px;
      background-position: -1350px 0;
      float: left; }
      #vehicle #vehicle-left #rear.damaged {
       ...