body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.bg-image {
    background-image: url("../../../Images/pierG.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100vw;
    height: 62.5vw;
}

.bubble-btn {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

img {
    display: none;
}

.bubble-btn[data-show="show"] + img  {
    display: block;
}


.bubble-btn:hover {
    cursor: pointer;
}

.bubble {
    width: 20%;
    position: absolute;
}

.squaremeter {
    top: 42%;
    left: 22%;
}

.gate {
    top: 42%;
    left: 45%;
}

.passengers {
    top: 42%;
    left: 70%;
}

.info {
    top: 73.2%;
    left: 16%;
}

.foodcourt {
    top: 73.2%;
    left: 38%;
}

.takeoff {
    top: 72.8%;
    left: 60.9%;
}

[data-label="squaremeter"] {
    background-image: url("../../../Images/pierG/1a.svg");
    top: 53%;
    left: 18%;
}
[data-label="squaremeter"]:hover {
    background-image: url("../../../Images/pierG/1b.svg");
}

[data-label="gate"] {
    background-image: url("../../../Images/pierG/2a.svg");
    top: 53%;
    left: 41%;
}

[data-label="gate"]:hover {
    background-image: url("../../../Images/pierG/2b.svg");
}

[data-label="passengers"] {
    background-image: url("../../../Images/pierG/3a.svg");
    top: 53%;
    left: 66%;
}

[data-label="passengers"]:hover {
    background-image: url("../../../Images/pierG/3b.svg");
}

[data-label="info"] {
    background-image: url("../../../Images/pierG/4a.svg");
    top: 66%;
    left: 12%;
}

[data-label="info"]:hover {
    background-image: url("../../../Images/pierG/4b.svg");
}

[data-label="foodcourt"] {
    background-image: url("../../../Images/pierG/5a.svg");
    top: 66%;
    left: 33%;
}

[data-label="foodcourt"]:hover {
    background-image: url("../../../Images/pierG/5b.svg");
}

[data-label="takeoff"] {
    background-image: url("../../../Images/pierG/6a.svg");
    top: 66%;
    left: 56%;
}

[data-label="takeoff"]:hover {
    background-image: url("../../../Images/pierG/6b.svg");
}