#golden-fish .text-editor {
    position: relative;
}

#golden-fish img {
    width: 200px;
    height: auto;
    position: absolute;
    right: 0px;
    animation-name: swim;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#golden-fish-answer.text-editor {
    position: relative;
    top: 130px;
}

@keyframes swim {
    from {
        right: 0px;
    }

    to {
        right: calc(100% - 200px);
    }
}

@media (max-width: 1200px) {

    #golden-fish img {
        width: 150px;
        height: auto;
    }

    @keyframes swim {
        from {
            right: 0px;
        }

        to {
            right: calc(100% - 150px);
        }
    }

    #golden-fish-answer.text-editor {
        top: 90px;
    }

}

@media (max-width: 767px) {

    #golden-fish img {
        width: 120px;
        height: auto;
    }

    @keyframes swim {
        from {
            right: 0px;
        }

        to {
            right: calc(100% - 120px);
        }
    }

    #golden-fish-answer.text-editor {
        top: 70px;
    }
}

@media (max-width: 480px) {

    #golden-fish img {
        width: 100px;
        height: auto;
    }

    @keyframes swim {
        from {
            right: 0px;
        }

        to {
            right: calc(100% - 100px);
        }
    }

    #golden-fish-answer.text-editor {
        top: 50px;
    }
}