.infoBox {
    margin: 2em auto;
    max-width: 75vw;
    max-height: 20vh;
    text-align: center;
    border-radius: 1.5em;
    background-image: linear-gradient(135deg,rgba(59, 38, 103, 0.75),rgba(188, 120, 236, 0.75));
    padding: 1em;

}
.infoBox h1{
    font-size: 2em;
}
.contentBox {
    margin: 0 auto;
    padding:1em;
    max-width: 80vw;
    text-align: center;
    border-radius: 1em;
    background-image: linear-gradient(161.15deg, rgba(117, 117, 117, 0.6) 12.73%, rgba(5, 5, 5, 0.6) 72.95%);
    display: flex;
    flex-direction:column;
}
.contentBox-row {
    display: flex;
    flex-direction:row;
    width: 90%;
    max-height: 100%;
    margin: 0 auto;
    padding: 1em;
    align-content: center;
    align-items:center;
    justify-content: center;
}
.contentBox-section {
    max-width:50%;
    max-height: 100%;
    margin: 0 1em;
}
.contentBox-section img {
    max-width: 100%;
    max-height: 100%;
    
}
.contentBox-section h4 {
    font-size: 2em;
}