.chartWithOverlay {
    position: relative;
}
.leftoverlay {
		justify-content:center;
		align-items:center;
		position: absolute;
		width: 50%; 
		top: 5px;  
}
.rghtoverlay {
	  justify-content:center;
		align-items:center;
		position: absolute;
	  width: 50%; 
		margin-left: 50%; 
		top: 5px;;
}
.arrow{
  stroke:rgb(0,0,0);
  stroke-width:4; 
  marker-end:url(#markerArrow)
}

@media screen and (width <= 500px) {
    .leftdiv { width: 100%; float:left; padding: 0px}
    .rghtdiv { width: 100%; float:left; padding: 0px}
} 
    .leftdiv { width: 50%; float:left; padding: 0px}
    .rghtdiv { margin-left: 50%; padding: 0px}
}