.img-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.img-wrapper img {
    width: 100%;
    height: auto;
}

.hotspot {
    position: absolute;
    border: 1px dashed rgba(255, 255, 255, 0);

    /* Виден при разработке */
    background: rgba(251, 249, 249, 0);

    /* Полупрозрачный цвет */
    cursor: pointer;
}

.hotspot:hover {
    background: rgba(236, 249, 249, 0);
}