Tengo un carrusel HTML estándar con dos imágenes. Quiero cambiar la imagen src según la siguiente lógica:

SI la primera imagen src url contiene la palabra "En blanco", quiero que la segunda imagen se muestre primero.
SI la URL de origen de la primera imagen NO contiene la palabra "En blanco", primero quiero mostrar esa imagen.
SI ambas URL de imagen contienen la palabra "En blanco", muestre ambas imágenes.
SI ninguna de las imágenes contiene la palabra "En blanco", muestre ambas imágenes (imágenes diferentes a las anteriores, controladas a partir de datos variables). Imagen 1 primero. Imagen 2 segundo.

Aquí está mi HTML:

 <div class="slider-one"> <ul class="bxslider1"> <li><img class="bximg1" src=""></img></li> <li><img class="bximg2" src=""></img></li> </ul> </div>

Intenté iniciar un script, pero no sé si es la dirección correcta:

 <script> carouselImg = () => { const currentImg = document.getElementsByClassName('bximg1'); const previousImg = document.getElementsByClassName('bximg2'); if (!currentImg.src.includes('Blank')) { console.log(currentImg); return currentImg.src = "https://www.fillmurray.com/640/360"; } } </script>

Supongo que este es un caso clásico de estar más familiarizado con los marcos que con la vieja escuela. :)

¡Cualquier ayuda es muy apreciada!