<div class="welcome-section-container">
    <div class="banner-wrapper">
        <div class="banner-container">
            <div class="banner-image-wrapper">
                <img src="https://i5.walmartimages.com/dfwrs/76316474-3068/k2-_4148d92b-6b29-43bd-a6b9-2a1ec9e446a9.v1.png" width="100%" height="100%">
                    <!-- <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1079908425?h=e98c3e5ac7&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Welcome to Walmart Intro Video"></iframe>
                </div><script src="https://player.vimeo.com/api/player.js"></script>-->
            </div>
            <div class="banner-content-container">
                <div class="banner-descirption">
                        <b>Prepare to Stand Out at Open Call!</b><br><br>
                        Open Call is your chance to pitch your products to Walmart and Sam's Club merchants &mdash; potentially opening doors to store shelves across the country. <br><br> This page will feauture four weekly learning paths &mdash; each packed with expert-led webinars and self-paced modules covering pitch prep, Walmart Marketplace, and more. Build your knowledge, boost your confidence, and get ready to make the most of your Open Call opportunity.  
                </div>
            </div>
        </div>
    </div>
   
</div>


<style>

     .banner-wrapper {
        padding: 10px;
        border-radius: 10px;
    }
    .banner-img {
        width: 100%;
    }
    .banner-container {
        display: flex;
        align-items: center;
        gap: 40px;
        padding: 20px;
        border-radius: 10px;
    }
    .text-center {
        text-align: center;
    }
    .banner-descirption {
        font-size: 25px;
    }
    .bold-text {
        font-weight: 700;
    }
    .deatils-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .banner-image-wrapper {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .banner-content-container {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    @media only screen and (max-width: 900px) { 
    .banner-container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 500px) { 
    .banner-descirption{
        font-size: 17px;
  }
}
</style>