.quarter-circle-container{
	position: relative;
	height: 192px;
	width: 300px;
	margin-top:16px;
}

.quarter-circle-scale{
	height: 100px;
  	width: 100px;
  	background-size: cover;
  	position: absolute;
  	transition: 0.3s all;
}

div#quarter-one {
  background-image: url(../img/myDBD.jpg);
  -moz-border-radius: 150px 0 0 0!important;
  border-radius: 150px 0 0 0!important;
  left: 47px;
  top: 0;
}
div#quarter-one-disabled {
  background-image: url(../img/myDBD_disabled.jpg);
  -moz-border-radius: 150px 0 0 0!important;
  border-radius: 150px 0 0 0!important;
  left: 47px;
  top: 0;
}
div#quarter-two{
   background-image: url(../img/dbdWalk.jpg);
  -moz-border-radius: 0 150px 0 0!important;
  border-radius: 0 150px 0 0!important;
  right: 53px;
}
div#quarter-two-disabled {
   background-image: url(../img/dbdWalk_disabled.jpg);
  -moz-border-radius: 0 150px 0 0!important;
  border-radius: 0 150px 0 0!important;
  right: 53px;
}
div#quarter-three{
  background-image: url(../img/dbdWalkOCR.jpg);
  -moz-border-radius: 0 0 150px 0!important;
  border-radius: 0 0 150px 0!important;
  bottom: -6px;
  right: 53px;
}
div#quarter-three-disabled  {
  background-image: url(../img/dbdWalkOCR_disabled.jpg);
  -moz-border-radius: 0 0 150px 0!important;
  border-radius: 0 0 150px 0!important;
  bottom: -6px;
  right: 53px;
}
div#quarter-four{
  background-image: url(../img/dbdLite.jpg);
  -moz-border-radius: 0 0 0 150px!important;
  border-radius: 0 0 0 150px!important;
  bottom: -6px;
  left:47px;
}
div#quarter-four-disabled {
  background-image: url(../img/dbdLite_disabled.jpg);
  -moz-border-radius: 0 0 0 150px!important;
  border-radius: 0 0 0 150px!important;
  bottom: -6px;
  left:47px;
}
.quarter-circle-scale:hover{
  transform: scale(1.1);
  z-index: 100;
  filter: blur(0) !important;
  -webkit-filter: blur(0) !important;
}
.quarter-circle-container:hover .quarter-circle-scale{
  filter: blur(5px);
  -webkit-filter: blur(5px);
}