.image-container__marker {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: auto;
    z-index: 2;
}

.image-container__marker svg {
    position: absolute;
    transform: scale(0.86);
    opacity: 0;
    transition: transform 0.25s, opacity 0.25s;
}

.image-container__marker--shown svg {
    transform: scale(1);
    opacity: 0.86;
}

#csv-txt {
    transform: translateX(-55px);
    top: 80px;
}

#spidap-system {
    transform: translateX(-55px);
    top: 170px;
}

#radio-module {
    transform: translateX(-32px);
    top: 562px;
}

#telemetry-server {
    transform: translateX(90px);
    top: 282px;
}

#concentrator {
    transform: translateX(124px);
    top: 762px;
}

.retransmiter:nth-child(8) {
    transform: translateX(-124px);
    top: 882px;
}

.retransmiter:nth-child(9) {
    transform: translateX(-210px);
    top: 930px;
}

.retransmiter:nth-child(10) {
    transform: translateX(310px);
    top: 920px;
}

.retransmiter:nth-child(11),
.retransmiter:nth-child(12),
.retransmiter:nth-child(13),
.retransmiter:nth-child(14),
.retransmiter:nth-child(15),
.retransmiter:nth-child(16) {
    display: none;
}

.utility-measuring-device:nth-child(3) {
    left: 180px;
    top: 250px;
}

.utility-measuring-device:nth-child(4) {
    left: 300px;
    top: 180px;
}

.utility-measuring-device:nth-child(5) {
    left: 280px;
    top: 430px;
}

.utility-measuring-device:nth-child(6) {
    left: 380px;
    top: 630px;
}

.utility-measuring-device:nth-child(7) {
    left: 440px;
    top: 170px;
}

.utility-measuring-device:nth-child(8) {
    left: 515px;
    top: 100px;
}

.utility-measuring-device:nth-child(9) {
    left: 560px;
    top: 220px;
}

.utility-measuring-device:nth-child(10) {
    left: 580px;
    top: 390px;
}

.utility-measuring-device:nth-child(11) {
    left: 640px;
    top: 600px;
}

.utility-measuring-device:nth-child(12) {
    left: 690px;
    top: 100px;
}

.utility-measuring-device:nth-child(13) {
    left: 790px;
    top: 140px;
}

.utility-measuring-device:nth-child(14) {
    left: 940px;
    top: 230px;
}

.utility-measuring-device:nth-child(15) {
    left: 740px;
    top: 500px;
}

.utility-measuring-device:nth-child(16) {
    left: 860px;
    top: 470px;
}

@media screen and (min-width: 768px) {
    .image-container__marker {
        width: 125px;
    }

    #csv-txt {
        transform: translateX(-75px);
        top: 240px;
    }
    
    #spidap-system {
        transform: translateX(-65px);
        top: 360px;
    }
    
    #radio-module {
        transform: translateX(-40px);
        top: 870px;
    }
    
    #telemetry-server {
        transform: translateX(130px);
        top: 500px;
    }
    
    #concentrator {
        transform: translateX(170px);
        top: 1130px;
    }

    .retransmiter:nth-child(8) {
        transform: translateX(-160px);
        top: 1280px;
    }
    
    .retransmiter:nth-child(9) {
        transform: translateX(-280px);
        top: 1350px;
    }
    
    .retransmiter:nth-child(10) {
        transform: translateX(400px);
        top: 1330px;
    }

    .utility-measuring-device:nth-child(3) {
        left: 220px;
        top: 330px;
    }
    
    .utility-measuring-device:nth-child(4) {
        left: 380px;
        top: 230px;
    }
    
    .utility-measuring-device:nth-child(5) {
        left: 350px;
        top: 560px;
    }
    
    .utility-measuring-device:nth-child(6) {
        left: 480px;
        top: 820px;
    }
    
    .utility-measuring-device:nth-child(7) {
        left: 560px;
        top: 220px;
    }
    
    .utility-measuring-device:nth-child(8) {
        left: 660px;
        top: 120px;
    }
    
    .utility-measuring-device:nth-child(9) {
        left: 720px;
        top: 290px;
    }
    
    .utility-measuring-device:nth-child(10) {
        left: 750px;
        top: 510px;
    }
    
    .utility-measuring-device:nth-child(11) {
        left: 820px;
        top: 780px;
    }
    
    .utility-measuring-device:nth-child(12) {
        left: 890px;
        top: 130px;
    }
    
    .utility-measuring-device:nth-child(13) {
        left: 1010px;
        top: 190px;
    }
    
    .utility-measuring-device:nth-child(14) {
        left: 1210px;
        top: 300px;
    }
    
    .utility-measuring-device:nth-child(15) {
        left: 950px;
        top: 640px;
    }
    
    .utility-measuring-device:nth-child(16) {
        left: 1110px;
        top: 610px;
    }
}

@media screen and (min-width: 912px) {
    .image-container__marker {
        width: calc(100vw * 0.1058467741935484);
    }

    #csv-txt {
        transform: none;
        left: 37.1vw;
        top: 62%;
    }
    
    #spidap-system {
        transform: none;
        left: 37.1vw;
        top: 76%;
    }
    
    #radio-module {
        transform: none;
        left: 46vw;
        top: 71%;
    }
    
    #telemetry-server {
        transform: none;
        left: 59vw;
        top: 79%;
    }
    
    #concentrator {
        transform: none;
        left: 89vw;
        top: 89%;
    }
    
    .retransmiter:nth-child(11),
    .retransmiter:nth-child(12),
    .retransmiter:nth-child(13) {
        display: flex;
    }

    .retransmiter:nth-child(8) {
        transform: none;
        left: 44vw;
        top: 33%;
    }
    
    .retransmiter:nth-child(9) {
        transform: none;
        left: 51vw;
        top: 28%;
    }
    
    .retransmiter:nth-child(10) {
        transform: none;
        left: 62vw;
        top: 17%;
    }
    
    .retransmiter:nth-child(11) {
        transform: none;
        left: 69vw;
        top: 10%;
    }
    
    .retransmiter:nth-child(12) {
        transform: none;
        left: 95vw;
        top: 19%;
    }
    
    .retransmiter:nth-child(13) {
        transform: none;
        left: 90vw;
        top: 77%;
    }

    .utility-measuring-device:nth-child(3) {
        left: 53vw;
        top: 32%;
    }
    
    .utility-measuring-device:nth-child(4) {
        left: 61vw;
        top: 24%;
    }
    
    .utility-measuring-device:nth-child(5) {
        left: 59vw;
        top: 50%;
    }
    
    .utility-measuring-device:nth-child(6) {
        left: 66vw;
        top: 71%;
    }
    
    .utility-measuring-device:nth-child(7) {
        left: 69vw;
        top: 24%;
    }
    
    .utility-measuring-device:nth-child(8) {
        left: 74vw;
        top: 16%;
    }
    
    .utility-measuring-device:nth-child(9) {
        left: 77vw;
        top: 29%;
    }
    
    .utility-measuring-device:nth-child(10) {
        left: 78vw;
        top: 47%;
    }
    
    .utility-measuring-device:nth-child(11) {
        left: 82vw;
        top: 69%;
    }
    
    .utility-measuring-device:nth-child(12) {
        left: 85vw;
        top: 16%;
    }
    
    .utility-measuring-device:nth-child(13) {
        left: 91vw;
        top: 20%;
    }
    
    .utility-measuring-device:nth-child(14) {
        left: 88vw;
        top: 58%;
    }
    
    .utility-measuring-device:nth-child(15) {
        left: 95vw;
        top: 55%;
    }
    
    .utility-measuring-device:nth-child(16) {
        left: 59vw;
        top: 50%;
    }
}

@media screen and (min-width: 1200px) {
    #csv-txt {
        left: 36.6vw;
        top: 63%;
    }
    
    #spidap-system {
        left: 36.6vw;
        top: 75%;
    }
    
    #radio-module {
        left: 44vw;
    }
    
    #telemetry-server {
        left: 53vw;
    }
    
    #concentrator {
        left: 80vw;
    }
    
    #retransmiter {
        left: 43vw;
    }
    
    .retransmiter:nth-child(14),
    .retransmiter:nth-child(15),
    .retransmiter:nth-child(16) {
        display: flex;
    }

    .retransmiter:nth-child(8) {
        left: 43vw;
    }
    
    .retransmiter:nth-child(9) {
        left: 48vw;
    }
    
    .retransmiter:nth-child(10) {
        left: 58vw;
    }
    
    .retransmiter:nth-child(11) {
        left: 63vw;
    }
    
    .retransmiter:nth-child(12) {
        left: 85vw;
    }
    
    .retransmiter:nth-child(13) {
        left: 94vw;
        top: 28%;
    }
    
    .retransmiter:nth-child(14) {
        left: 81vw;
        top: 78%;
    }
    
    .retransmiter:nth-child(15) {
        left: 86vw;
        top: 71%;
    }
    
    .retransmiter:nth-child(16) {
        left: 91vw;
        top: 65%;
    }

    .utility-measuring-device:nth-child(3) {
        left: 50vw;
    }
    
    .utility-measuring-device:nth-child(4) {
        left: 57vw;
    }
    
    .utility-measuring-device:nth-child(5) {
        left: 56vw;
    }
    
    .utility-measuring-device:nth-child(6) {
        left: 61vw;
    }
    
    .utility-measuring-device:nth-child(7) {
        left: 64vw;
    }
    
    .utility-measuring-device:nth-child(8) {
        left: 68vw;
    }
    
    .utility-measuring-device:nth-child(9) {
        left: 70vw;
    }
    
    .utility-measuring-device:nth-child(10) {
        left: 71vw;
    }
    
    .utility-measuring-device:nth-child(11) {
        left: 74vw;
    }
    
    .utility-measuring-device:nth-child(12) {
        left: 77vw;
    }
    
    .utility-measuring-device:nth-child(13) {
        left: 82vw;
    }
    
    .utility-measuring-device:nth-child(14) {
        left: 79vw;
    }
    
    .utility-measuring-device:nth-child(15) {
        left: 86vw;
    }
    
    .utility-measuring-device:nth-child(16) {
        left: 90vw;
        top: 30%;
    }

    #utility-measuring-device {
        left: 56vw;
        top: 51%;
    }
}