<div class="second-part">
            <h2>This website is awesome</h2>
            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nam, aut natus? Voluptate vel delectus ipsum unde maxime facere aliquid reiciendis quia est enim ducimus magni deleniti repudiandae eveniet, cumque quis.</p>
            <div>
                <button class="btn">Sign up</button>
            </div>
        </div>
        <div class="right-img">
            <img src="https://images.pexels.com/photos/6194848/pexels-photo-6194848.jpeg?auto=compress&cs=tinysrgb&w=400" alt="brittany spaniel in forest looking at the sky">
            
        </div>
.second-part {
    display: flex;
    align-items: left;
    margin-left: 200px;
    flex-direction: column;
    max-width: 40%;

I have the image in a separate div than the items in flex and I figured the image would go on the remaining space to the right of the page. I’m not sure if this is a container issue, but I’d love an explanation for why the image the way it is isn’t filling up the right of the page.