.containerParallax {
    background: #fff;
    margin: 0;
    overflow: hidden;
}

.containerParallax img {
    display: block;
        position: absolute;
    /*width: 100%;*/
}

.bg {
    background-size: cover;
    position: absolute;
    width: 110%;
    left: -5%;
    top: -5%;
    background-image: url(https://www.erstebank.hr/content/dam/hr/ebc/common/images/stambeni-hero2.jpg);
    min-height: 660px;
}

.layer {
    position: absolute;
    pointer-events:none
}

.scene,
.layer {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0; 
pointer-events:none}

.scene {
  min-height: 660px;
  position: relative;
  overflow: hidden; }

.layer div {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.containerParallax .container {
    position: relative;
    min-width: 700px;
    margin: 0 auto;
    padding-bottom: 0;
    min-height: 640px
}

.containerParallax .container--offset {
    margin-left: 10%;
}

.containerParallax .scene {
    padding: 0;
    margin-top: -10px;
}

.containerParallax .fill {
    position: absolute;
    bottom: 5%;
    right: 5%;
    left: 5%;
    top: 5%;
}

.containerParallax .expand-width {
    width: 100%;
}

.layer {
    position: absolute;
}

.aspect {
    opacity: 0.2;
}

.cvarci-animate {
        width: 170px;
        height: 199px;
        -webkit-transition: width 1.2s, height 1.2s, -webkit-transform 1.2s;
        /* Safari */
        transition: width 1.2s, height 1.2s, transform 1.2s;
        pointer-events: auto
    }
    
    .cvarci-animate:hover {
        width: 220px;
        height: 257px;
        -webkit-transform: rotate(380deg);
        /* Safari */
        transform: rotate(380deg);
    }
 
    .containerParallax .superhero__item--left.superhero__item--dark .superhero__caption:before {
        background: none;
    }
    /*veliki ekran*/
    
    #ekipa {
        left: 40%;
        top: 10%;
    }
    
    #romobil {
        left: 72%;
        top: 40%;
    }
    
    #patka {
        left: 89%;
        top: 12%;
    }
    
    #joystick {
        left: 78%;
        top: 53%;
    }
    
    #balon {
        left: 75%;
        top: 1.5%;
    }
    
    #gramofon {
        left: 17%;
        top: 58%;
    }
    
    #sat {
        left: 34%;
        top: 75%;
    }
    
    #parfem {
        left: 82%;
        top: 28%;
    }
    
    #durbin {
        left: 5%;
        top: 2%;
    }
    
    #hauba {
        left: -3%;
        top: 25%;
    }
    
    #truba {
        left: 48%;
        top: 65%;
    }
    
    #cvarci {
        left: 38%;
        top: 32%;
    }


/*1367-1680*/
@media screen and (min-width:1367px) and (max-width: 1680px) {

    #ekipa {
        left: 40%;
        top: 10%;
    }
    
    #romobil {
        left: 72%;
        top: 45%;
    }
    
    #patka {
        left: 78%;
        top: 53%;
    }
    
    #joystick {
        left: 78%;
        top: 53%;
        display: none;
    }
    
    #balon {
        left: 80%;
        top: 3%;
    }
    
    #gramofon {
        left: 22%;
        top: 60%;
    }
    
    #sat {
        left: 34%;
        top: 75%;
        display: none;
    }
    
    #parfem {
        left: 82%;
        top: 28%;
        display: none;
    }
    
    #durbin {
        left: 5%;
        top: 5%;
    }
    
    #hauba {
        left: -3%;
        top: 46%;
    }
    
    #truba {
        left: 48%;
        top: 65%;
    }
    
    #cvarci {
        left: 38%;
        top: 32%;
    }
    }

/*993-1366*/
@media screen and (min-width:993px) and (max-width: 1366px) {

    #ekipa {
        left: 40%;
        top: 10%;
    }
    
    #romobil {
        left: 65%;
        top: 45%;
    }
    
    #patka {
        left: 85%;
        top: 10%;
    }
    
    #joystick {
        left: 78%;
        top: 53%;
        display: none;
    }
    
    #balon {
        left: 90%;
        top: 3%;
        display: none; 
    }
    
    #gramofon {
        left: 6%;
        top: 55%;
    }
    
    #sat {
        left: 28%;
        top: 72;
        display: none;
    }
    
    #parfem {
        left: 82%;
        top: 28%;
        display: none;
    }
    
    #durbin {
        left: 5%;
        top: 5%;
    }
    
    #hauba {
        left: 1%;
        top: 63%;
        display: none;
    }
    
    #truba {
        left: 36%;
        top: 65%;
    }
    
    #cvarci {
        left: 36%;
        top: 30%;
    }
    }

/*769-992*/
@media screen and (min-width:768px) and (max-width: 992px) {

    #ekipa {
        left: 30%;
        top: 10%;
    }
    
    #romobil {
        left: 72%;
        top: 45%;
        display: none;
    }
    
    #patka {
        left: 83%;
        top: 5%;
    }
    
    #joystick {
        left: 78%;
        top: 53%;
        display: none;
    }
    
    #balon {
        left: 80%;
        top: 3%;
        display: none;
    }
    
    #gramofon {
        left: 10%;
        top: 58%;
        display: none;
    }
    
    #sat {
        left: 24%;
        top: 65;
    }
    
    #parfem {
        left: 82%;
        top: 28%;
        display: none;
    }
    
    #durbin {
        left: 2%;
        top: 4%;
    }
    
    #hauba {
        left: 1%;
        top: 63%;
        display: none;
    }
    
    #truba {
        left: 48%;
        top: 65%;
    }
    
    #cvarci {
        left: 7%;
        top: 65%;
    }
    }

/*481-768*/
@media screen and (min-width:481px) and (max-width: 768px) {

    #ekipa {
        left: 30%;
        top: 20%;
        width: 600px;
        height: 617px;
    }
    
    #romobil {
        left: 72%;
        top: 45%;
        display: none;
    }
    
    #patka {
        left: 80%;
        top: 5%;
    }
    
    #joystick {
        left: 78%;
        top: 53%;
        display: none;
    }
    
    #balon {
        left: 80%;
        top: 3%;
        display: none;
    }
    
    #gramofon {
        left: 10%;
        top: 58%;
        display: none;
    }
    
    #sat {
        left: 24%;
        top: 53;
    }
    
    #parfem {
        left: 24%;
        top: 48%;
    }
    
    #durbin {
        left: 0%;
        top: 4%;
    }
    
    #hauba {
        left: 1%;
        top: 63%;
        display: none;
    }
    
    #truba {
        left: 48%;
        top: 65%;
    }
    
    #cvarci {
        left: 7%;
        top: 65%;
    }
    }

    /*mobitel*/    
    @media screen and (max-width: 480px) {
        .superhero__item--middle.superhero__item--mobileHero>div {
            height: 592px !important;
        }
        #ekipa {
            left: -10%;
            top: 33%;
            width: 500px;
        }
        #romobil {
            left: 2%;
            top: 40%;
            display: none;
        }
        #patka {
            left: 37%;
            top: 2%;
        }
        #joystick {
            left: 78%;
            top: 53%;
            display: none;
        }
        #balon {
            left: 33%;
            top: 64%;
            width: 200px;
            height: 295px;
        }
        #gramofon {
            left: 30%;
            top: 58%;
            display: none;
        }
        #sat {
            left: 17%;
            top: 74%;
            display: none;
        }
        #parfem {
            left: -3%;
            top: 68%;
        }
        #durbin {
            left: 10%;
            top: 2%;
            display: none;

        }
        #hauba {
            left: 2%;
            top: 25%;
            display: none;
        }
        #truba {
            left: 13%;
            top: 64%;
            width: 210px;
            height: 156px;
            -ms-transform: rotate(27deg); /* IE 9 */
            -webkit-transform: rotate(27deg); /* Chrome, Safari, Opera */
            transform: rotate(27deg);
        }
        #cvarci {
            left: 33%;
            top: 14%;
        }
        .superhero__item--middle .superhero__caption>div {
            top: 28%; 
        }
    }