#overview{background: #000;}
#overview-silder .imgbox{margin-top: 2vw;}
#overview-silder .blockbox1 {
  background: url(https://storage-asset.msi.com/global/picture/image/feature/mb/PRO-Z690-A-DDR4/bg-overview-silder-1.jpg) top center no-repeat;
  background-size: cover;
}

#overview-silder .blockbox1 .icon1,
#overview-silder .blockbox1 .icon2 {
    left: -32.5%;
}

#overview-silder .blockbox1 .icon3,
#overview-silder .blockbox1 .icon4 {
    right: -31%;
}

#overview-silder .blockbox1 .icon1,
#overview-silder .blockbox1 .icon3 {
    top: 18%;
}

#overview-silder .blockbox1 .icon2,
#overview-silder .blockbox1 .icon4 {
    top: 63%;
}

#overview-silder .blockbox2 {
    background: url(https://storage-asset.msi.com/global/picture/image/feature/mb/PRO-Z690-A-DDR4/bg-overview-silder-2.jpg) top center no-repeat;
    background-size: cover;
}

#overview-silder .blockbox2 .icon1,
#overview-silder .blockbox2 .icon2 {
    left: -26%;
}

#overview-silder .blockbox2 .icon3,
#overview-silder .blockbox2 .icon4 {
    right: -28.5%;
}

#overview-silder .blockbox2 .icon1,
#overview-silder .blockbox2 .icon3 {
    top: 8.5%;
}

#overview-silder .blockbox2 .icon2,
#overview-silder .blockbox2 .icon4 {
    top: 47.5%;
}

#overview-silder .blockbox3 {
    background: url(https://storage-asset.msi.com/global/picture/image/feature/mb/PRO-Z690-A-DDR4/bg-overview-silder-3.jpg) top center no-repeat ;
    background-size: cover;
}

#overview-silder .blockbox3 .icon1,
#overview-silder .blockbox3 .icon2 {
    left: -32.5%;
}

#overview-silder .blockbox3 .icon3 {
    right: -31.5%;
}

#overview-silder .blockbox3 .icon1,
#overview-silder .blockbox3 .icon3 {
    top: 17%;
}

#overview-silder .blockbox3 .icon2 {
    top: 70%;
}


@media screen and (max-width: 1920px) {
    #overview-silder .blockbox1 .icon1,
    #overview-silder .blockbox1 .icon2{
        left: -46%;
    }
    #overview-silder .blockbox1 .icon3,
    #overview-silder .blockbox1 .icon4 {
        right: -46%;
    }

    #overview-silder .blockbox2 .icon1,
    #overview-silder .blockbox2 .icon2 {
        left: -39%;
    }
    #overview-silder .blockbox2 .icon3,
    #overview-silder .blockbox2 .icon4 {
        right: -43%;
    }

    #overview-silder .blockbox3 .icon1,
    #overview-silder .blockbox3 .icon2 {
        left: -46%;
    }
    #overview-silder .blockbox3 .icon3 {
        right: -46%;
    }
}

@media screen and (max-width: 1516px) {
    #overview-silder .iconbox {
        width: 50%;
    }

    #overview-silder .blockbox1 .icon1,
    #overview-silder .blockbox1 .icon2{
        left: -51%;
    }
    #overview-silder .blockbox1 .icon3,
    #overview-silder .blockbox1 .icon4 {
        right: -51%;
    }

    #overview-silder .blockbox2 .icon1,
    #overview-silder .blockbox2 .icon2 {
        left: -44%;
    }
    #overview-silder .blockbox2 .icon3,
    #overview-silder .blockbox2 .icon4 {
        right: -48%;
    }

    #overview-silder .blockbox3 .icon1,
    #overview-silder .blockbox3 .icon2 {
        left: -51%;
    }
    #overview-silder .blockbox3 .icon3,
    #overview-silder .blockbox3 .icon4 {
        right: -51%;
    }
}