styles.scss

body {
  background-color:  #006994;
  }

.tooltip1 {
  display: none;// fix the problem of starting page then comes bar on top of the page, this bar is the tooltip, so much hide this tooltip in the beginning;
  padding: 5px;
  background-color: white;
  border-radius: 2px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  opacity: 0.7; 
  z-index: 1;
  color: black;
  }

/*.svg-container {//container class to make it responsive
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; // aspect ratio 
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {//class to make it responsive
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}*/