.drum-wrapper {
    position: relative;
    display: block;
    padding: 15px 0;
}
.drum-holder {
    width: 70rem;
}
.pulse img, 
.pedal img, 
.snare img, 
.hi-tom img,
.mid-tom img,
.splash img,
.hat img,
.simbals-1 img,
.simbals-2 img,
.simbals-3 img,
.floor-tom img,
.chimes img
{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    height: 100%;
    width: auto !important;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pulse{
    position: relative;
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    text-align: center;
}
.pulse::before, .pulse::after{
    content: '';
    position: absolute;
    display: block;
    border: 1px solid #fff;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate .7s linear;
    opacity: 0;
}
.pedal.pulse::before, .pedal.pulse::after, .chimes.pulse::before, .chimes.pulse::after{
    border: 1px solid #000;
}
.pedal {
    position: absolute;
    top: 116px;
    left: 23.7rem;
    width: 21rem;
    height: 21rem;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
    transition: .1s;
}
.snare {
    position: absolute;
    bottom: 50px;
    width: 155px;
    height: 155px;
    left: 139px;
    z-index: 1;
    transition: .1s;
}
.hi-tom {
    position: absolute;
    top: 98px;
    width: 138px;
    height: 138px;
    left: 183px;
    z-index: 1;
    transition: .1s;
}
.mid-tom {
    position: absolute;
    top: 98px;
    width: 138px;
    height: 138px;
    left: 350px;
    z-index: 1;
    transition: .1s;
}
.splash {
    position: absolute;
    top: 0;
    width: 138px;
    height: 138px;
    left: 267px;
    z-index: 1;
    transition: .1s;
}
.hat {
    position: absolute;
    width: 160px;
    height: 160px;
    left: 4px;
    z-index: 1;
    bottom: 60px;
    transition: .1s;
}
.simbals-1 {
    position: absolute;
    width: 210px;
    height: 210px;
    left: 33px;
    z-index: 1;
    top: -3px;
    transition: .1s;
}
.simbals-2 {
    position: absolute;
    width: 210px;
    height: 210px;
    left: 39.6rem;
    z-index: 1;
    top: -3px;
    transition: .1s;
}
.simbals-3 {
    position: absolute;
    width: 193px;
    height: 193px;
    left: 52rem;
    z-index: 1;
    top: 84px;
    transition: .1s;
}
.floor-tom {
    position: absolute;
    width: 240px;
    height: 240px;
    left: 38.5rem;
    z-index: 1;
    top: 150px;
    transition: .1s;
}
.chimes {
    position: absolute;
    width: 115px;
    height: 115px;
    left: 60rem;
    z-index: 1;
    top: 274px;
    transition: .1s;
}
.zoom{
    transform: scale(1.03);
}
.pulse::after{
    animation-delay: .2s;
}
.main-pads{
    border: 2px solid #fff !important;
}
.active{
    border: 2px solid #5d9cec !important;
}
@keyframes animate{
    0%{
        transform: scale(0.5);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        transform: scale(1.2);
        opacity: 0;
    }
}