Последовательный вызов асинхронных функций через async/await или promise

const images = ["4.jpg"];
const img = document.querySelector('#myContainer>img')
async function myMove() {
    for (let i = 0; i < images.length; i++) {
        img.src = '';
        img.classList.remove('animate', 'animlast');
        img.src = 'images/' + images[i];
        await img.decode();
        img.classList.add(i === images.length - 1? 'animlast': 'animate');
            if (i < images.length - 1) {
        
        await (function () {
                return new Promise ( (res) => {             
 
                    img.addEventListener('transitionend',
                        function hte (event) {
                            if (event.propertyName === 'opacity') {
                                this.removeEventListener('transitionend', hte);
                                res();
                            }
                        }
                    )               
                })
            })();
    }
}
}

const text = ['Текст. \n',  'Текст1 \n', Текст2' \n',  'Текст3 \n' ];
  
   let line = 0;                 
    let count = 0;               
    let result = '';               
    function typeLine() {           
      let interval = setTimeout(    
        () => {                      
          result += text[line][count] 
          document.querySelector('pre').innerHTML =result +'|';   
        count++;  
        if (count >= text[line].length) {  
          count = 0;
          line++;    
          if (line == text.length) {
            clearTimeout(interval);   
             document.querySelector('pre').innerHTML =result;
            return true;
          }
        }
        typeLine();
      }, getRandomInt(getRandomInt(250*2.5)))
    }
    typeLine();
  
  function getRandomInt(max) {
    return Math.floor(Math.random() * Math.floor(max));