#bar-1{
    height:200px;
    display: flex;
    float: left;
    
}
#pic-1{
    background-image: url("vivo.jpeg");
    background-size: cover; height:180px;
    width: 300px;
    margin: 10px;
    border: 1px solid black;
    border-right: 0px;
    border-bottom: 0px;
   
}
#pic1-info{
    height:180px;
    width: 350px;
    margin: 10px 10px 0px 40px;
    font-size: 16px;
    border: 1px solid black;
    border-left: 0px;
    border-bottom: 0px;
}

#bar-2{
    height:200px;
    display: flex;
    float: right;
    
}
#pic-2{
    background-image: url("phn1.jpeg");
    background-size: cover; height:180px;
    width: 300px;
    margin: 10px;
    border: 1px solid black;
    border-right: 0px;
    border-bottom: 0px;
   
}
#pic2-info{
    height:180px;
    width: 350px;
    margin: 10px 10px 0px 40px;
    font-size: 16px;
    border: 1px solid black;
    border-left: 0px;
    border-bottom: 0px;
}


#bar-3{
    height:200px;
    display: flex;
    float: left;
    margin-top: 105px;
    
}
#pic-3{
    background-image: url("15promax.jpg");
    background-size: cover; height:180px;
    width: 300px;
    margin: 10px;
    border: 1px solid black;
    border-right: 0px;
    border-bottom: 0px;
   
}
#pic3-info{
    height:180px;
    width: 350px;
    margin: 10px 10px 0px 40px;
    font-size: 16px;
    border: 1px solid black;
    border-left: 0px;
    border-bottom: 0px;
}

#bar-4{
    height:200px;
    display: flex;
    float: right;
    margin-top: 105px;
    
}
#pic-4{
    background-image: url("14pro.jpeg");
    background-size: cover; height:180px;
    width: 300px;
    margin: 10px;
    border: 1px solid black;
    border-right: 0px;
    border-bottom: 0px;
   
}
#pic4-info{
    height:180px;
    width: 350px;
    margin: 10px 10px 0px 40px;
    font-size: 16px;
    border: 1px solid black;
    border-left: 0px;
    border-bottom: 0px;
}
#button{
    background-color: chocolate;
    padding: 5px;
    margin: 10px;
}