#change-color{
    
    position: fixed;
    bottom: 20px;
    left: 1;
    right: 20px;
    top: 1;
}
#BAR1{
    width: 100%;
}
#display{
    width: 90%;
    outline: none;
}
#imagesection{
    width: 100%;
}
#GI{
    height: 75vh;
}
#bg{
    background-color: white;
}
@media (max-width:700px){
    #imagesection{
        display: flex;
        flex-direction: column;
        height: fit-content;
    }
    #imagesection{
        border: none;
        height: fit-content;
    }
    #GI{
        border:none;
        margin-top: 30px;
        height: fit-content;
    }
}
#change-color{  
    position: fixed;
    bottom: 20px;
    left: 1;
    right: 20px;
    top: 1;
}
#BAR1{
    width: 100%;
}
#display{
    width: 90%;
    outline: none;
}
#imagesection{
    width: 100%;
}
#GI{
    height: 75vh;
}
@media (max-width:700px){
    #imagesection{
        display: flex;
        flex-direction: column;
        height: fit-content;
    }
    #imagesection{
        border: none;
        height: fit-content;
    }
    #GI{
        border:none;
        margin-top: 30px;
        height: fit-content;
    }
}