.start-container{
    display: grid;
    grid-template-columns: 2fr 1fr;
    background-color: #F4EDE6;
    margin-top: 8px;
    border-radius: 7px;
    padding-bottom: 20px;
    font-size: clamp(1rem, 3vw, 1.2rem);
}

@media (max-width: 768px) {
    .start-container {
        grid-template-columns: 1fr; /* switch to single column */
    }

    .container-right {
        justify-self: center; /* center it horizontally */
        text-align: center;
    }
}

.container-left {
    padding: 2rem;
}


.container-right {
    padding: 2rem;
    place-items: center;
    text-align: center;
}

.container-right img {
   
    width: 100%;        /* fill available space */
    max-width: 320px;    /* but don't get too big */
    height: auto;
}


body{
    background-image: url(assets/images/pepper-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}