.sponsor_section_div{
    display:flex;
    flex-direction:row;
    padding-block:20px;
    min-height:250px;
    padding-inline: 15px;

}

.sponsor_section_div:nth-child(even){
    border-style:solid;
    border-width:4px 4px 4px 0;
    border-color:var(--vanilla);
}

.sponsor_section_div:nth-child(odd){
    border-style:solid;
    border-width:0px 0px 0px 4px;
    border-color:var(--vanilla);
    flex-direction:row-reverse;
}

.sponsor_section_div a{
    margin-bottom:auto;
    margin-top:auto;
    max-height: 240px;
    width:400px;
}

.sponsor_section_div img{

    background-color:var(--sponsors_image_backgroundColor);
    border-radius: 5px;
    padding:10px;
    max-height: 240px;
    max-width:400px;
    object-fit: scale-down;

}


.sponsor_section_div p{
    margin-top:auto;
    margin-bottom:auto;
    padding-inline:10px;
    width:80%;
}



@media (max-width: 870px) {/*So when the width of screen is 870px or less: change the following classes. USEFUL FOR MOBILE-VIEW*/
    .sponsor_section_div{
        flex-direction: column;
    }


    .sponsor_section_div:nth-child(odd){
        flex-direction: column;
    }

    .sponsor_section_div a{
        width: 100%;
    }

    .sponsor_section_div p{
        width: 100%;
    }

}