// Globe
.globe {
    z-index: 2;
    position: relative;

    .wrap {
        @include breakpoint (xs) {
            padding: 0;
        }
    }

    // Image (for now)
    img {
        display: inline-block;
        margin: 0 auto;
        pointer-events: none;
        user-select: none;
    }
}

// Pin

// Part globe
.globe--part {
    overflow: hidden;
    height: 30vw;
    min-height: 300px;
    opacity: 0.5;
}