.f-rich-text {
    position: relative
}

.f-rich-text .f-richtext {
    position: relative;
    z-index: 1
}

.f-rich-text__images {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none
}

.f-rich-text__images-container {
    height: 100%
}

.f-rich-text__images-wrapper {
    position: relative;
    height: 100%
}

.f-rich-text__image {
    position: absolute;
    width: var(--image-width)
}

.f-rich-text__image .f-image {
    border-radius: var(--medium-blocks-radius)
}

.f-rich-text__image-1 {
    --image-width: 153px;
    bottom: 48%;
    left: 0;
    transform: translateY(50%)
}

.f-rich-text__image-1 .f-image {
    animation: mMoveUpDown 2.5s linear infinite alternate
}

@media screen and (max-width: 1279px) {
    .f-rich-text__image-1 {
        --image-width: 113px
    }
}

@media screen and (max-width: 767px) {
    .f-rich-text__image-1 {
        --image-width: 72px;
        bottom: 68.4%;
        transform: translateY(0)
    }
}

.f-rich-text__image-2 {
    --image-width: 148px;
    bottom: 65%;
    right: 52px
}

.f-rich-text__image-2 .f-image {
    animation: mMoveUpDownReverse 2s linear infinite alternate
}

@media screen and (max-width: 1279px) {
    .f-rich-text__image-2 {
        --image-width: 108px;
        top: 40px;
        bottom: auto
    }
}

@media screen and (max-width: 767px) {
    .f-rich-text__image-2 {
        --image-width: 70px;
        top: 10px;
        bottom: auto;
        right: 0
    }
}

.f-rich-text__image-3 {
    --image-width: 122px;
    top: 62.4%;
    right: 0
}

.f-rich-text__image-3 .f-image {
    animation: mMoveUpDown 3s linear infinite alternate
}

@media screen and (max-width: 1279px) {
    .f-rich-text__image-3 {
        --image-width: 92px;
        bottom: 70px;
        top: auto
    }
}

@media screen and (max-width: 767px) {
    .f-rich-text__image-3 {
        --image-width: 71px;
        bottom: 10px;
        top: auto
    }
}

.f-rich-text--show-images {
    --side-spacing: 200px
}

.f-rich-text--show-images .f-richtext {
    padding-left: var(--side-spacing);
    padding-right: var(--side-spacing)
}

@media screen and (max-width: 1279px) {
    .f-rich-text--show-images {
        --side-spacing: 120px
    }
}

@media screen and (max-width: 767px) {
    .f-rich-text--show-images {
        --side-spacing: 0
    }
}
