.sideInfo{
    position: fixed; 
    z-index:0; 
    display: flex; 
    flex-direction:column; 
    top:20%;
    background-color: #0001;
    height:100%;
    border-radius: 0 0.5rem 0.5rem 0;
    transition: 0.6s;
}

.sideInfo:hover {
    top:5%;
    z-index: 21;
    background-color:#000b;
    overflow:scroll;
    padding-bottom:5%;
    }

.sideIcon {
    height:5.5rem;
    width:5.5rem;
    margin: 0 auto 0 auto;
    justify-content: center;
    background-color:#365233;
    border-radius:100%;
    color:#fff
}

.sideText{
    text-align:center;
    margin: 0 auto 0 auto;
    justify-content: center;
    color:#000
}


.flyer {
    height: 25%; 
    margin: 2rem
}

.sideInfo:hover .flyer{
    height:30%;
    transition: 0.2s;
    align-self: center;
}

.sideInfo:hover .sideIcon{
    display: none;
}

.sideInfo:hover .sidetext{
    color:#fff;
}

@media screen and (max-width:1281px){
    .sideInfo{
        display: none;
    }
}