#container { 
display: block;
margin:0 auto;
background-color:white;	  
width:550px;
}

.each-kite-div {  
border:2px solid red;
border-radius:15px;	
padding:10px;
margin:5px 0;
}
.each-kite-div > img {
display: block;
margin:0 auto;
border:2px red solid;
border-radius:15px;	
}

#container > .each-kite-div:hover {  
border:2px solid black;
}

.rb-text-align-center{text-align:center}

.tooltip {
text-align:left;
    position: relative;
    display: inline-block;
    border-bottom: 2px dotted red;
	}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 275px;
    background-color: #FFF;
    color: red;
    text-align: left;
	 border:2px solid red;
    border-radius: 6px;
  padding:5px 15px;     
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: 20px;
	
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.rb-color-black{ color:#000;}
.rb-color-red{ color:red;}
.rb-color-white{ color:#fff;}

 h2 {color:red; font-size:2rem;}
 
.container {
  display: flex;
    flex-direction:row;	  
  line-height:17px;
}