.infosection {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
    padding: 10px;
}

.infosection.active {
    opacity: 1;
    pointer-events: all;
}

.inforect {
    background-color: gray;
    max-width: 500px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(50px, 500px));
    align-items: center;
    padding: 10px;
    margin: 10px;
}