.veggies_slider{
    border-radius: 2%;
    overflow: hidden;
}

.veggies_slides{
    width: 500%;
    height: 100%;
    display: flex;
}

.veggies_slides input{
    display: none;
}

.veggies_slide{
    width: 20%;
    transition: 2s;
}

.veggies_slide img{
    width: 100%;
}

/* css for manual slide navigation */

.veggies_navigation-manual{
    position: absolute;
    width: 100%;
    margin-top: 70%;
    display: flex;
    justify-content: center;
}

.veggies_manual-btn{
    border: 1% solid #40D3DC;
    padding: 1%;
    border-radius: 2%;
    cursor: pointer;
    transition: 1s;
}

.veggies_manual-btn:not(:last-child){
    margin-right: 5%;
}

.veggies_manual-btn:hover{
    background: #40D3DC;
}

#veggies_radio1:checked ~ .veggies_first{
    margin-left: 0;
}

#veggies_radio2:checked ~ .veggies_first{
    margin-left: -20%;
}

#veggies_radio3:checked ~ .veggies_first{
    margin-left: -40%;
}

#veggies_radio4:checked ~ .veggies_first{
    margin-left: -60%;
}

#veggies_radio5:checked ~ .veggies_first{
    margin-left: -80%;
}

/* css for automatic navigation */

.veggies_navigation-auto{
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 70%;
}

.veggies_navigation-auto div{
    border: 1% solid #40D3DC;
    padding: 1%;
    border-radius: 2%;
    transition: 1s;
}

.veggies_navigation-auto div:not(:last-child){
    margin-right: 5%;
}

#veggies_radio1:checked ~ .veggies_navigation-auto .auto-btn_squash{
    background: #40D3DC;
}

#veggies_radio2:checked ~ .veggies_navigation-auto .auto-btn_peppergreen{
    background: #40D3DC;
}

#veggies_radio3:checked ~ .veggies_navigation-auto .auto-btn_peppercolor{
    background: #40D3DC;
}

#veggies_radio4:checked ~ .veggies_navigation-auto .auto-btn_cucumbershort{
    background: #40D3DC;
}

#veggies_radio5:checked ~ .veggies_navigation-auto .auto-btn_potato{
    background: #40D3DC;
}