.fromLixi{
    padding: 10px
}

.fromLixi > .allLixi {
    position: relative;
}

.fromLixi > .allLixi > span > img {
    width: 500px;
}

.fromLixi > .allLixi > img {
    width: 30px;
    position: absolute;
}

.fromLixi > .allLixi > .lixi:nth-child(2) {
    right: 50px;
    top: 230px;
}

.fromLixi > .allLixi > .lixi:nth-child(3) {
    right: 155px;
    top: 90px;
}

.fromLixi > .allLixi > .lixi:nth-child(4) {
    left: 85px;
    top: 100px;
}

.fromLixi > .allLixi > .lixi:nth-child(5) {
    left: 25px;
    top: 280px;
}

.fromLixi > .allLixi > .lixi:nth-child(6) {
    left: 239px;
    top: 220px;
}

.fromLixi > .allLixi > .lixi:nth-child(7) {
    right: 300px;
    top: 300px;
}

.fromLixi > .allLixi > .lixi:nth-child(8) {
    right: 300px;
    top: 160px;
}

.fromLixi > .allLixi > .lixi {
    animation: ManhConLacLac 1s infinite ease-in-out;
}


@keyframes ManhConLacLac {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}


@media (max-width: 750px) {
.fromLixi > .allLixi > span > img {
    width: 100%;
}

.fromLixi > .allLixi > .lixi:nth-child(2) {
    right: 50px;
    top: 130px;
}

.fromLixi > .allLixi > .lixi:nth-child(3) {
    right: 165px;
    top: 90px;
}

.fromLixi > .allLixi > .lixi:nth-child(4) {
    left: 45px;
    top: 100px;
}

.fromLixi > .allLixi > .lixi:nth-child(5) {
    left: 25px;
    top: 180px;
}

.fromLixi > .allLixi > .lixi:nth-child(6) {
    left: 110px;
    top: 120px;
}

.fromLixi > .allLixi > .lixi:nth-child(7) {
    right: 200px;
    top: 200px;
}

.fromLixi > .allLixi > .lixi:nth-child(8) {
    right: 100px;
    top: 200px;
}
}