我在我的代碼中有一個問題，我有一個容器，一行，然后我有我的列，我有一個圖像左對齊，另一個右對齊，我的問題是我不能使這兩個圖像響應(yīng)，它們在改變屏幕時總是中斷，你能幫助我嗎？

<footer class="bg-light text-center text-white">

    <div class="container2">
    
    <div class="row">

        <!-- HERE -->
        <div class="col-sm-1" align="left">
            <img moz-do-not-send="false" src="data:image/jpeg;filename=leftredbar.jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCACcADUDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD50ooor8MP9UwooooAKKKKAPoX9kf/AFvi3/ds/wD2vRSfsj/63xb/ALtn/wC16K+9yz/dIfP82fyNxx/yUOJ/7d/9IifPdFFFfBH9chRRRQAUUUUAfQv7I/8ArfFv+7Z/+16KP2R/9b4t/wB2z/8Aa9Ffe5Z/ukPn+bP5G44/5KHE/wDbv/pET56ooor4I/rkKKKKACiiigD6E/ZH/wBb4t/3bP8A9r0Uv7I/+t8W/wC7Z/8Ateivvcs/3SHz/Nn8jccf8lDif+3f/SInz1RRRXwR/XIUUUUAFFFFAH0J+yP/AK3xb/u2f/teil/ZH/1vi3/ds/8A2vRX3uWf7pD5/mz+RuOP+ShxP/bv/pET56ooor4I/rkKKKKACiiigD6E/ZH/ANb4t/3bP/2vRS/sj/63xb/u2f8A7Xor73LP90h8/wA2fyNxx/yUOJ/7d/8ASInz1RRRXwR/XIUUUUAFFFFAH0L+yP8A63xb/u2f/teik/ZH/wBb4t/3bP8A9r0V97ln+6Q+f5s/kbjj/kocT/27/wCkRPnuiiivgj+uQooooAKKKKAPoX9kf/W+Lf8Ads//AGvRSfsj/wCt8W/7tn/7Xor73LP90h8/zZ/I3HH/ACUOJ/7d/wDSInz3RRRXwR/XIUUUUAFFFFAH0L+yP/rfFv8Au2f/ALXopP2R/wDW+Lf92z/9r0V97ln+6Q+f5s/kbjj/AJKHE/8Abv8A6RE+e6KKK+CP65CiiigAooooA+hf2R/9b4t/3bP/ANr0Ufsj/wCt8W/7tn/7Xor73LP90h8/zZ/I3HH/ACUOJ/7d/wDSInz1RRRXwR/XIUUUUAFFFFAH0J+yP/rfFv8Au2f/ALXopf2RRmXxb/u2f/teivvcs/3SHz/Nn8jccf8AJQ4n/t3/ANIif//Z" border='0' style='max-width: 100%;'>
        </div>

        <div class="col-sm-8" align="left">
            <font face='Calibri' size='5'>
                <i><b> sdiofnsdof sdfonsdfoisfd sdfsdf</b></i>
            </font>

            <br><br><br><br>

            <div>
                <font size='2'>
                    <b>Fone:</b> 456546456 - <b>Ramal: </b> 456546456
                    <br>
                    <b>Email:</b> 
                    <a moz-do-not-send='true' href='mailto:ti2@castor.ind.br'>rthtrhrth</a>
                    <br>
                </font>
            </div>

            <br>

            <!-- Section: Social media -->
            <section class='mb-5' align="left">
                <!-- Facebook -->
                <a
                class="btn text-white btn-floating m-1"
                href=""
                role="button">
                <i class="fa-brands fa-facebook fa-xl" style="color: #e22323;"></i>
                </a>

                <!-- Twitter -->
                <a
                class="btn text-white btn-floating m-1"
                href=""
                role="button">
                <i class="fab fa-tiktok fa-xl" style="color: #e22323;"></i>
                </a>
        
                <!-- Instagram -->
                <a
                class="btn text-white btn-floating m-1"
                href=""
                role="button">
                <i class="fa-brands fa-instagram fa-xl" style="color: #e22323;"></i>
                </a>
        
                <!-- Linkedin -->
                <a
                class="btn text-white btn-floating m-1"
                href=""
                role="button">
                <i class="fa-brands fa-linkedin fa-xl" style="color: #e22323;"></i>
                </a>

            </section>

        </div>

        <!-- HERE -->
        <div class="col-sm-3" align="right" style="margin-top: 1%;">
            <img moz-do-not-send='false' src='https://iili.io/Hr86Ctj.png' border='0' style='max-width: 100%;'>
        </div>
    </div>
  
    <!-- Copyright -->
    <div class="text-center" style="font-size: 15px;background-color: rgba(0, 0, 0, 0.2);margin-bottom: 15px;">
      ? 2023 Copyright:
      <a class="text-white" style='text-decoration: none;color: #9e4845;' href="https://colchoescastor.com.br">rthrthrhr</a>
    </div>
    <!-- Copyright -->

  </footer>

在此輸入圖像描述

我需要回應(yīng)

在此輸入圖像描述