.my-marker.purple {
    filter: hue-rotate(414deg);
}

.my-marker.red {
    filter: hue-rotate(150deg);
}

.my-marker.black {
    filter: grayscale(100%) brightness(0.1);
}

.my-marker.gray {
    filter: grayscale(100%);
}

.my-marker.flip {
    transform: rotateY(180deg);
}

  


.my-marker {
    position: relative;
}



.marker-label {
    position: absolute;
    display: table;
    background: #337ab7;
    color: white;
    padding: 2px 7px;
    left: 14px;
    bottom: -15px;
    border-radius: 6px;
    font-size: 11px;
}