<div class="homepage-opinions">
    <div class="homepage-opinions-carousel">
        <div class="homepage-opinions-carousel-card">
            <div class="homepage-opinions-carousel-card-wrapper">
                <div class="homepage-opinions-carousel-card-quote">
                    ”Keep thriving Omnisend! This Academy is extremely good to learn more about ecommerce”
                </div>
                <div class="homepage-opinions-carousel-card-footer">
                    Ana Sarkar
                </div>
            </div>
        </div>

        <div class="homepage-opinions-carousel-card">
            <div class="homepage-opinions-carousel-card-wrapper">
                <div class="homepage-opinions-carousel-card-quote">
                    “Wow! you know how to make a video I'm super impressed with quality content short run time and good visual experience. Thank you!”
                </div>
                <div class="homepage-opinions-carousel-card-footer">
                    Creations Flowers Plus
                </div>
            </div>
        </div>

        <div class="homepage-opinions-carousel-card">
            <div class="homepage-opinions-carousel-card-wrapper">
                <div class="homepage-opinions-carousel-card-quote">
                    “Everything you will ever need to successfully take your business to the next level. Great content!”
                </div>
                <div class="homepage-opinions-carousel-card-footer">
                    BubbleBen0190
                </div>
            </div>
        </div>

        <div class="homepage-opinions-carousel-card">
            <div class="homepage-opinions-carousel-card-wrapper">
                <div class="homepage-opinions-carousel-card-quote">
                    “Absolute gold and it is completely free people! 🔥 content”
                </div>
                <div class="homepage-opinions-carousel-card-footer">
                    jaarzel
                </div>
            </div>
        </div>

        <div class="homepage-opinions-carousel-card">
            <div class="homepage-opinions-carousel-card-wrapper">
                <div class="homepage-opinions-carousel-card-quote">
                    “Thanks to these guys I was able to increase my sales 3x last year. Omnisend all the way!”
                </div>
                <div class="homepage-opinions-carousel-card-footer">
                    Queen of Roses
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .homepage-opinions {
        background-image: url('https://s3.amazonaws.com/static.northpass.com/Omnisend/opinion-background.png');
        background-size: 100%;
        height: 33vw;
        margin: auto;
        background-repeat: no-repeat;
    }
    .homepage-opinions-carousel {
        height: 33vw;
        display: flex;
        justify-content: center;
    }
    .homepage-opinions-carousel-card {
        height: 100%;
        margin: auto;
    }
    .homepage-opinions-carousel-card-wrapper {
        width: 55%;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }
    .homepage-opinions-carousel-card-quote {
        font-family: Faktum, sans-serif;
        font-weight: 400;
        font-size: 2.375rem;
        line-height: 46px;
        letter-spacing: -1px;
        color: black;
    }
    .homepage-opinions-carousel-card-footer {
        font-size: 1.25rem;
        font-weight: 400;
        margin-top: 20px;
    }
    @media only screen and (max-width: 1200px) {
        .homepage-opinions-carousel-card-quote {
            font-size: 2rem;
            line-height: 40px;
        }
    }
    @media only screen and (max-width: 950px) {
        .homepage-opinions {
            background-image: url('https://s3.amazonaws.com/static.northpass.com/Omnisend/opinion-background-mobile.png');
            height: 158vw;
        }
        .homepage-opinions-carousel {
            height: 158vw;
        }
        .homepage-opinions-carousel-card-wrapper {
            width: 85%;
        }
    }
    
</style>

<script>
    $(document).ready(function(){
        var slider = tns({
            container: '.homepage-opinions-carousel',
            mouseDrag: true,
            autoHeight: true,
            controls: false,
            autoplay: true,
            autoplayButtonOutput: false,
            nav: false,
            autoplayTimeout: 4000
        });
    });
</script>