.infobox {
    overflow: hidden;
    width:80%;
  
    min-height:80px;
    margin:15px 10%;
    z-index: 0;
}
.infobox-front {
    width: 100%;
    height: 100%;
    position: relative;
    padding:5%;
}

.infobox-front img {
    position:absolute;
    top:33%; left:0; right:0;
    margin:auto;
    max-width:50%;
    max-height:25%;
}

.infobox-front h3 {
    position: absolute;
    bottom:10%;
    text-align: center;
    font-size:1.7em !important;
    width:80%;
    margin:auto;
    left:0;right:0;
}

.infobox-back {
    opacity:0;
    display:none;
    width: 100%;
    height: 100%;
    padding:10%;
    overflow-y: scroll;
    overflow-y:scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none;
}

.infobox-back h3 {
    margin:0 0 1% !important;
    font-size:1.7em !important;

}

.infobox-back ul {
    list-style-type: square;
    list-style-position: outside;
    margin-left:5px;
    padding:5%;
}

.infobox-back ul li {
    margin-top:1%;
    
}