.map-container {
    position: relative;
    display: inline-block;
}

.map-container img {
    width: 100%;
}

.map-container .point {
    cursor: pointer;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #ab263b;
    border-radius: 50%;
    transition: 0.3s;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 rgba(221, 6, 24, 0.4);
    animation: 3s infinite pulse;
}

.map-container .point:hover {
    animation: none;
    transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.map-container .usa {
    top: 28%;
    left: 16%;
}

.map-container .india {
    top: 41%;
    left: 69.5%;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(221, 6, 24, 0.4);
    }
    70% {
        box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
    }
}