.nymphea-hotspot-container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.nymphea-hotspot-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nymphea-hotspot {
    position: absolute;
    transform: translate(-50%, -50%);
    padding: 6px 10px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.nymphea-hotspot.hover-only {
    opacity: 0;
}

.nymphea-hotspot-container:hover .nymphea-hotspot.hover-only {
    opacity: 1;
}

.nymphea-hotspot-container .nymphea-hotspot {border-left: 3px solid; border-radius:0 !important; min-height: 200px; padding-left: 20px}

.nymphea-hotspot-container .nymphea-hotspot:before, .nymphea-hotspot-container .nymphea-hotspot:after {content: ""; width: 15px; height: 15px; background: #fff; display: block;
border-radius: 100px;  position: absolute; margin-top: 185px; margin-left: -29px }
.nymphea-hotspot-container .nymphea-hotspot:after {margin-top: 0; background: #fff; width: 80px; height: 80px;
animation: point-menu 1s ease-in-out infinite; transform: translate(-50%, -50%);top: 200px; margin-left: -22px}

@keyframes point-menu {
    0% {opacity: 0; width: 0; height: 0}
    50% {opacity: 0.4;}
    100% {opacity: 0; width: 60px; height: 60px;}
}