.shape1 {
    background: #e1f1ff;
    position: absolute;
    width: 424px;
    height: 440px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0px 0 0 auto;
    right: -83px;
    top: -54px;
}
.dot-bgdiv {
}
.dot-img {
    position: absolute;
    bottom: -14rem;
}
.shape2 {
    background: #e1f1ff;
    position: absolute;
    width: 982px;
    height: 385px;
    margin: 0 0 0 auto;
    right: -20rem;
    top: 37rem;
    z-index: -1;
}
.dot-img2 {
    position: absolute;
    bottom: -20rem;
    left: -17rem;
    z-index: 0;
}
.shape3 {
    background: #e1f1ff;
    position: absolute;
    width: 982px;
    height: 660px;
    margin: 0 0 0 auto;
    right: -20rem;
    top: 3rem;
    z-index: -1;
}
.dot-img3 {
    position: absolute;
    bottom: -20rem;
    left: -17rem;
    z-index: 0;
}
.dot-img3 {
    position: absolute;
    bottom: -6rem;
    left: -11rem;
    z-index: 0;
}
.shape4 {
    background: #e1f1ff;
    position: absolute;
    width: 920px;
    height: 816px;
    margin: 0 0 0 auto;
    left: 25rem;
    top: 3rem;
    z-index: -1;
}
.dot-img4 {
    position: absolute;
    top: -91px;
    left: 12rem;
    z-index: -1;
}