.focus-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color:  #000;
    cursor: pointer
}
.focus-img: hover~.hud {
    transition: all.2s;
    opacity: 1
}
.focus-img.smoother {
    -webkit-transition: all.2s;
    transition: all.2s
}
.focus-img.cursor-arrow {
    cursor: default
}
.focus-img.cursor-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}
.focus-img.cursor-crosshair {
    cursor: crosshair
}
.hud {
    bottom: 0;
    position: absolute;
    color:  #fff;
    background: rgba(0, 0, 0, .75);
    padding: .25rem.75rem;
    opacity: 0;
    transition: all.2s
}
.hud-bottom-left {
    bottom: 0;
    left: 0
}
.hud-bottom-right {
    bottom: 0;
    right: 0
}