.marker {
    background-image: url('../images/syfovre_ecp.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 32px;
    height: 40px;
    cursor: pointer;
    display: block !important;
}

/* Active / Hover Marker */
.marker.active-syfovre,
.marker.hover-syfovre {
    background-image: url('../images/syfovre_ecp_active.png') !important;
    animation: markerBounce 0.6s infinite alternate ease-in-out;
}

.marker.active-other,
.marker.hover-other {
    background-image: url('../images/syfovre_ecp_other.png') !important;
    animation: markerBounce 0.6s infinite alternate ease-in-out;
}

@keyframes markerBounce {
    0% { margin-top: 0px; }
    100% { margin-top: -12px; }
}