JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style>
.background0{
 background-image: url("http://wikiwiki.jp/mabinogig/?plugin=attach&refer=NPC%2F%A5%C6%A5%A3%A5%F3&openfile=%A5%C6%A5%A3%A5%F3.jpg");
  background-color:white;
  background-size:450px 650px;
  background-repeat:no-repeat;
  background-attachment:fixed;
/*background:url("https://upload.wikimedia.org/wikipedia/en/thumb/e/eb/Mabinogi.svg/800px-Mabinogi.svg.png") top right no-repeat; background-attachment:fixed;*/
    background-position: 680px 250px; 
    
    /*http://cdn.namuwikiusercontent.com/59/593ad63ea1cd5a9cebfa622a4570b74ff55506aa12771560ac38730c00f5a714.png?e=1486625363&k=j2nE-NxJjLJg0BquHLhKbw*/
        
}
.background1{
  background-image: url("http://wiki.mabinogiworld.com/images/5/52/Redire.png");
  background-color:white;
  background-size:520px 650px;
  background-repeat:no-repeat;
  background-attachment:fixed;
/*background:url("https://upload.wikimedia.org/wikipedia/en/thumb/e/eb/Mabinogi.svg/800px-Mabinogi.svg.png") top right no-repeat; background-attachment:fixed;*/
    background-position: 680px 250px; 
    
    /*http://cdn.namuwikiusercontent.com/59/593ad63ea1cd5a9cebfa622a4570b74ff55506aa12771560ac38730c00f5a714.png?e=1486625363&k=j2nE-NxJjLJg0BquHLhKbw*/
}

.background2{
 background-image: url("http://www.gameabout.com/uploads/www/news/20140711053602bb842.jpg");
  background-color:white;
  background-size:500px 550px;
  background-repeat:no-repeat;
  background-attachment:fixed;
/*background:url("https://upload.wikimedia.org/wikipedia/en/thumb/e/eb/Mabinogi.svg/800px-Mabinogi.svg.png") top right no-repeat; background-attachment:fixed;*/
    background-position: 670px 330px; 
    
   ...

CSS

#hover{
  background-color:transparent;
}
#hover0:hover{
  background-color:yellow;
}

#wtControl2{
  width:630px;
  background-color:white;
}
#htControl{
  background-color:white;
  height:500px;
  width: 200px;
  position:fixed;
}
#aboutThis{
   display:none;
}

#setting{
display:block;
}

.smallView{
  font-size:11px;
}
#setEnchant{
  display:none;
}
.yesInstrument{
  
}
#viva{
  display:none;
}
#harvest{
  display:none;
}
#oob{
  display:none;
}
#march{
  display:none;
}
/*=====================================*/
#setting input[type="checkbox"]+label{
 text-align:left;
 opacity:0.15; 
 border: 1px solid transparent;
}
#setting input[type="radio"]+label{
 text-align:left;
 opacity:0.15; 
 border: 1px solid transparent;
}
#setting input[type="radio"]{
  border: 1px solid transparent;
 display:none;
}
#setting input[type="checkbox"]{
  border: 1px solid transparent;
  opacity:0.4;
}

#setting input[type="radio"]:checked {
  opacity:1;
}
#setting input[type="checkbox"]:checked {
  opacity:1;
}
#setting input[type="checkbox"]:checked+label {
  opacity:1;
}
#setting input[type="radio"]:checked +label {
  opacity:1;
}
#setting input[type="number"]:hover{
  background-color:#f2f2f2;
  
}

#setting input+label:hover{
  opacity:0.6;
}

/*=====================================*/
.container {
  display: inline-block;

}

.grow0{
  opacity:0.7;
  
}
.grow0:hover{
  opacity:1;
  background-color:yellow;
}