Перенос колонок в bootstrap

Два вопроса в одном:

1. Мне нужно разделить всё "тело" html на две колонки, в идеале всё, что до "Some day..." должно быть в одной колонке, а текст "some day..." во второй.
2. Изображения должны быть три в одном ряду, оборачиваю их в одну "row", но они всё равно переносятся.

Код прилагаю:

    <div class="container">
        <div class="row">

            <!-- Left Half -->
            <div class="col col-sm col-md">

                <!-- Logo -->
                <div class="row">
                    <div class="col-4">
                        <div class="logo">
                            <div class="paw_logo">
                                <div class="el1"></div>
                                <div class="el2"></div>
                                <div class="el3"></div>
                                <div class="el4"></div>
                                <div class="rect1"></div>
                                <div class="rect2"></div>
                            </div>
                            <div class="logo_text">PetsPaw</div>
                        </div>
                        <div class="col-auto"></div>
                    </div>
                </div>

                <!-- Hello Square -->
                <div class="row">
                    <div class="col">
                        <h1>Hi Stranger!</h1>
                        <p>Welcome to my test project!</p>
                        <h3>Lets start using The Dogs API</h3>
                    </div>
                </div>

                <!-- Selection zone -->
                <div class="row">
                    <div class="col-sm-auto">
                        <div class="votingpic">
                            <img src="./img/notepaper.png" class="votingimg">
                        </div>
                    </div>
                    <div class="col-sm-auto">
                        <div class="dogpic">
                            <img src="./img/dog.png" class="dogimg">
                        </div>
                    </div>
                    <div class="col-col-sm-auto">
                        <div class="gallerypic">
                            <img src="./img/voting.png" class="galleryimg">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-md col-sm">

                    </div>
                    <div class="col-12 col-md-6 col-sm-3">
                        
                    </div>
                    <div class="col-12 col-md-6 col-sm-3">
                        
                    </div>
                </div>

            </div>

            <!-- Right Half -->
            <div class="col col-sm col-md">
                <div class="row">
                    <div class="col">
                        <h1>Some day there will be something</h1>
                    </div>
                </div>
            </div>

P.S. Не бейте тапками, я "не волшебник, я только учусь"(цэ), а практика - лучшая учёба.