basic slideshow base

    <div id="content">
        <!-- Gallery container -->
        <div id="gallery-container">
            <!-- images for gallery -->
            <div class="gallery-images" id="1">
                <img src="../images/pages/sad.png">
                <h1 class="gallery-title">title</h1>
                <p class="gallery-description">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias blanditiis consequatur cumque distinctio harum illum in ipsam iure minima molestias, neque quaerat, quidem quis quod, quos ratione repellat sed similique.
                </p>
            </div>

            <div class="gallery-images" id="2">
                <img src="../images/pages/transport.png">
                <h1 class="gallery-title">title</h1>
                <p class="gallery-description">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias blanditiis consequatur cumque distinctio harum illum in ipsam iure minima molestias, neque quaerat, quidem quis quod, quos ratione repellat sed similique.
                </p>
            </div>

            <div class="gallery-images" id="3">
                <img src="../images/pages/wet.png">
                <h1 class="gallery-title">title</h1>
                <p class="gallery-description">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias blanditiis consequatur cumque distinctio harum illum in ipsam iure minima molestias, neque quaerat, quidem quis quod, quos ratione repellat sed similique.
                </p>
            </div>
        </div>

        <!-- The dots/circles -->
        <div id="gallery-navigation">
            <a id="prev" onclick="previousImage()"><img src="../images/icons/back-arrow.svg"></a>
            <span class="dot" onclick="count=1"><img src="../images/icons/dot-full.svg"></span>
            <span class="dot" onclick="count=2"><img src="../images/icons/dot-full.svg"></span>
            <span class="dot" onclick="count=3"><img src="../images/icons/dot-full.svg"></span>
            <a id="next" onclick="nextImage()"><img src="../images/icons/next-arrow.svg"></a>
        </div>