#foo {
  position: relative;
}

#bar1 {
  position: absolute;
  width: 37%;
  height: 100%;
  left: 0%;
  top: 0%;
  background: red;
  opacity: 0.01;
}
#bar2 {
  position: absolute;
  width: 30%;
  height: 100%;
  left: 37%;
  top: 0%;
  background: blue;
  opacity: 0.01;
}
#bar3 {
  position: absolute;
  width: 33%;
  height: 100%;
  left: 67%;
  top: 0%;
  background: green;
  opacity: 0.01;
}
img.sd{ 
 max-width: 100%;
 height: auto;
}

#bar1_h {
  position: absolute;
  width: 44%;
  height: 100%;
  left: 0%;
  top: 0%;
  background: red;
  opacity: 0.1;
}
#bar2_h {
  position: absolute;
  width: 54%;
  height: 50%;
  left: 46%;
  top: 0%;
  background: blue;
  opacity: 0.1;
}
#bar3_h {
  position: absolute;
  width: 30%;
  height: 50%;
  left: 67%;
  top: 50%;
  background: green;
  opacity: 0.1;
}
img.home{ 
 max-width: 100%;
 height: auto;
}