<style>
    #imageA {

        animation:slide 5s 99;
    }
    #imageB {
        animation:myAnim 0.1s 10;
    }
    @keyframes slide {
        from {
            transform: translateX(300%);
            background-color:rgb(0, 255, 0);
        }
        to {
            transform: translateX(-300%);
            background-color:rgb(255, 0, 0);
        }
    }
    @keyframes myAnim {
        from {

            transform:scale (1);
            background-color:red;
        }
        to {
              transform: scale(2);
      background-color:blue;
      transform: translateX(-300%);
        }
    }
</style>
<img id="imageA" src="/file/db/thang.type/529ab1a24b67a988ad000002/portrait.png">
<img id="imageB" src="/file/db/thang.type/52cee45a76ebd5196b00003a/portrait.png">