.circle-1 {
    width: 160px; height: 160px; 
    position: absolute;
    left:0; 
    bottom: 0;
    right:-7px;
    top: -7px;
    z-index: -1;
    border-radius: 100%;
    margin-left:auto; margin-right:auto;
    opacity: 0.5;
    background-color: #0288D1;
}

.circle-2 {
    width: 160px; height: 160px; 
    position: absolute;
    left:-7px; 
    bottom: 0;
    right: 0px;
    top: -3px;
    z-index: -1;
    border-radius: 100%;
    margin-left:auto; margin-right:auto;
    opacity: 0.5;
    background-color: #B3E5FC;
}

.circle-3 {
    width: 160px; height: 160px; 
    position: absolute;
    left: -9px; 
    bottom: 0;
    right: 0px;
    top: -9px;
    z-index: -1;
    border-radius: 100%;
    margin-left:auto; margin-right:auto;
    opacity: 0.5;
    background-color: #03A9F4;
}

#profile-img {
    box-shadow: 1px 3px 7px rgba(78, 78, 78, .5);
    border-radius: 100%; width: 140px; height: 140px; 
    opacity: 1;
    margin-top: 7px;
    margin-right: 7px;
    background-position: center -30px;
}