.elementor-widget.elementor-widget-box-duannoibat {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.images-duannoibat-wrap .img-wrap{
    position: absolute;
    top: 50%;  /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Offset the element's center point */
    /* top: 0;
    left: 0;
    right: 0;
    bottom: 0; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 204px;
    height: 204px;
    /* margin: auto; */
    border-radius: 50%;
    border: 1px solid #B4CEE7;
    background: #fff;
}

.images-duannoibat-wrap .img-wrap img{
    display: block;

}

.images-duannoibat-wrap .img-wrap{
    transition: all 2s;
    position: absolute;
}

.images-duannoibat-wrap .img-wrap.active[data-key="0"] {
    top: 8.2%;
    left: 23%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="1"] {
    top: 21.5%;
    left: 43.5%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="2"] {
    top: 4%;
    left: 61.3%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="3"] {
    top: 20%;
    left: 78%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="4"] {
    top: 69%;
    left: 81.5%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="5"] {
    top: 87.1%;
    left: 66%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="6"] {
    top: 71.5%;
    left: 50.5%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="7"] {
    top: 87%;
    left: 33.5%;
}

.images-duannoibat-wrap .img-wrap.active[data-key="8"] {
    top: 64%;
    left: 18%;
}
@media (max-width: 480px){
    .elementor-widget-box-duannoibat{
        margin-top: 40px;
        margin-bottom: 40px;
    }
}