.container {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 115px 0 0 0;
        background-color: #f9fafa;
    }
    .block {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
        width: 400px;
    }
    .avaobj_backgrnd {
        position: relative;
        height: 100px;
        width: 100px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 10%;
        object-position: 50% 10%;
        border-radius: 50%;
        /*box-shadow: 0 2px 6px rgba(0,0,0,.2);*/
    }
    .main {
        border: 3px solid #fff;
    }
    .circle {
      border-radius: 50%;
      background-color: #b0ebff;
      width: 150px;
      height: 150px;
      position: absolute;
      opacity: 0;
      animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
    }
    .item {
      z-index: 100;
      padding: 5px;
    }
    .min_sub {
        position: absolute;
        animation: float 6s ease-out infinite;
    }
    .min_sub_bl {
        position: absolute;
        animation: float_bl 7s ease-out infinite;
    }
    .a1 {
        top: 44px;
        right: 65px;
        animation-delay: 0s
    }
    .a2 {
        top: 107px;
        left: 64px;
        animation-delay: 1s
    }
    .a3 {
        bottom: 118px;
        right: 30px;
        animation-delay: 2s
    }
    .a4 {
        bottom: 75px;
        left: 88px;
        animation-delay: 3s
    }
    .a5 {
        bottom: 223px;
        right: 18px;
        animation-delay: 0.5s;
    }
    .img1 {
        width: 56px;
        height: 56px;
        border: 2px solid #fff;
        /*box-shadow: 0 2px 6px rgb(0 0 0 / 20%);*/
        /*animation: float 6s ease-out infinite;*/
    }
    .img2 {
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        border: 2px solid #fff;
    }
    .img3 {
        width: 69px;
        height: 69px;
        border: 2px solid #fff;
    }
    .img4 {
        width: 66px;
        height: 66px;
        border: 2px solid #fff;
    }
    .img5 {
        width: 37px;
        height: 37px;
    }
    .blur {
        filter: blur(14px);
    }
    @keyframes scaleIn {
        from {
            transform: scale(.5, .5);
            opacity: .5;
        }
        to {
            transform: scale(2.5, 2.5);
            opacity: 0;
        }
    }
    @keyframes float {
        50% {
            /*box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
            transform: translate(0, 20px);
        }
    }
    @keyframes float_bl {
        50% {
            /*box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
            transform: translate(0, 15px);
        }
    }
    .loader {
        position: absolute;
        top: -3px;
        right: -3px;
        width: 70px;
        height: 70px;
        border: 5px solid #ffda52;
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
    }
    .b1 {
        top: -3px;
        right: -3px;
        width: 66px;
        height: 66px;
    }    
    .b2 {
        top: -2px;
        right: -2px;
        width: 58px;
        height: 58px;
    }
    .b3 {
        width: 79px;
        height: 79px;
        top: -3px;
        right: -3px;
    } 
    .b4 {
        top: -3px;
        right: -3px;
        width: 76px;
        height: 76px;
    }
    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        }
    }