#overview-silder .blockbox1 {
    background: url('https://storage-asset.msi.com/global/picture/image/feature/mb/Z590I/MEG/UNIFY/images/z590i-unify-bg-overview-silder.jpg') top center no-repeat;
    background-size: 100%;
}
/* #overview-silder .blockbox1 .imgbox {left: -2%;} */

#overview-silder .blockbox1 .icon1,
#overview-silder .blockbox1 .icon2,
#overview-silder .blockbox1 .icon3 {left: -39%;}

#overview-silder .blockbox1 .icon1 {top: 14%;}
#overview-silder .blockbox1 .icon2 {top: 40%;}
#overview-silder .blockbox1 .icon3 {top: 65%;}

#overview-silder .blockbox1 .icon4,
#overview-silder .blockbox1 .icon5,
#overview-silder .blockbox1 .icon6 {right: -39%;}

#overview-silder .blockbox1 .icon4 {top: 14%;}
#overview-silder .blockbox1 .icon5 {top: 40%;}
#overview-silder .blockbox1 .icon6 {top: 65%;}

#overview-silder .blockbox2 {
    background: url('https://storage-asset.msi.com/global/picture/image/feature/mb/Z590I/MEG/UNIFY/images/z590i-unify-bg-overview-silder.jpg') center no-repeat;
    background-size: 100%;
}
/* #overview-silder .blockbox2 .imgbox {right: -2%;} */

#overview-silder .blockbox2 .icon1,
#overview-silder .blockbox2 .icon2 {left: -45%;}

#overview-silder .blockbox2 .icon1 {top: 22%;}
#overview-silder .blockbox2 .icon2 {top: 62%;}

#overview-silder .blockbox2 .icon3,
#overview-silder .blockbox2 .icon4 {right: -44%;}

#overview-silder .blockbox2 .icon3 {top: 22%;}
#overview-silder .blockbox2 .icon4 {top: 62%;}

#overview-silder .blockbox3 {
    background: url('https://storage-asset.msi.com/global/picture/image/feature/mb/Z590I/MEG/UNIFY/images/z590i-unify-bg-overview-silder.jpg') center no-repeat;
    background-size: 100%;
}

#overview-silder .blockbox3 .icon1,
#overview-silder .blockbox3 .icon2,
#overview-silder .blockbox3 .icon3 {left: -44%;}

#overview-silder .blockbox3 .icon1 {top: 15%;}
#overview-silder .blockbox3 .icon2 {top: 41.5%;}
#overview-silder .blockbox3 .icon3 {top: 69%;}

#overview-silder .blockbox3 .icon4,
#overview-silder .blockbox3 .icon5,
#overview-silder .blockbox3 .icon6 {right: -44%;}

#overview-silder .blockbox3 .icon4 {top: 2%;}
#overview-silder .blockbox3 .icon5 {top: 78%;}
#overview-silder .blockbox3 .icon6 {top: 39%;}

@media screen and (min-width: 1921px) {
    #overview-silder .blockbox1 .icon1,
    #overview-silder .blockbox1 .icon2,
    #overview-silder .blockbox1 .icon3 {left: -26%;}

    #overview-silder .blockbox1 .icon4,
    #overview-silder .blockbox1 .icon5,
    #overview-silder .blockbox1 .icon6 {right: -26%;}

    #overview-silder .blockbox2 .icon1,
    #overview-silder .blockbox2 .icon2 {left: -32%;}

    #overview-silder .blockbox2 .icon3,
    #overview-silder .blockbox2 .icon4 {right: -32%;}

    #overview-silder .blockbox3 .icon1,
    #overview-silder .blockbox3 .icon2,
    #overview-silder .blockbox3 .icon3 {left: -30%;}

    #overview-silder .blockbox3 .icon4,
    #overview-silder .blockbox3 .icon5,
    #overview-silder .blockbox3 .icon6 {right: -30%;}

}

@media screen and (max-width: 1499px) {
    #overview-silder .blockbox1 .icon1,
    #overview-silder .blockbox1 .icon2,
    #overview-silder .blockbox1 .icon3 {left: -54.5%;}

    #overview-silder .blockbox1 .icon4,
    #overview-silder .blockbox1 .icon5,
    #overview-silder .blockbox1 .icon6 {right: -54.5%;}

    #overview-silder .blockbox2 .icon1,
    #overview-silder .blockbox2 .icon2 {left: -32%;}

    #overview-silder .blockbox2 .icon3,
    #overview-silder .blockbox2 .icon4 {right: -32%;}

    #overview-silder .blockbox3 .icon1,
    #overview-silder .blockbox3 .icon2,
    #overview-silder .blockbox3 .icon3 {left: -60%;}

    #overview-silder .blockbox3 .icon4,
    #overview-silder .blockbox3 .icon5,
    #overview-silder .blockbox3 .icon6 {right: -60%;}

}

@media screen and (max-width: 960px) {
    #overview-silder .blockbox1,
    #overview-silder .blockbox2,
    #overview-silder .blockbox3 {
        background-size: cover;
    }
    #overview-silder .blockbox .icon7,
    #overview-silder .blockbox .icon6 {
        top: auto !important;
        left: auto !important;
        right: auto !important;
        text-align: center;
    }
    #overview-silder .blockbox2 .icon3 img,
    #overview-silder .blockbox1 .icon1 img {
        display: inline-block;
    }
    #overview-silder .blockbox3 .iconbox {
        /* display: inline-grid;
        width: 25%!important; */
    }
    #overview-silder .blockbox3 .imgbox {
        text-align: center;
    }
}


/* @media screen and (max-width: 480px) {
    #overview-silder .blockbox3 .iconbox {
        width: 100%!important;
    }
} */