.info-grid {
    display: grid;
    grid-template-columns: auto auto;
    place-items: center;
    width: 100%;
}

.info-grid section {
    position: relative;
    padding: 10% 8%;
    margin: 10%;
    width: auto;
    align-self: stretch;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.info-grid img {
    width: 100%;

    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.info-grid h1 {
    text-align: center;
}

.info-grid section, .info-grid img {
    border-radius: 25px;
}

/* 3. Desktop Only Configs */
@media (min-width: 721px) { 
}
/* 3. Mobile / Small Screens (600px and below) */
@media (max-width: 720px) { 
    .info-grid {
        display: block;
    }
}