.info {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 0.9em;
    transition: 0.5s;
}

.info a {
    cursor: pointer;
}

.info-info {
    display: inline-block;
    visibility: hidden;
    opacity: 0.0;
    background-color: var(--main-bg-color);
    padding: 5px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--main-fg-color);
    border-radius: 5px;
    transition: 0.5s;
    transform: translate(0, -25%);
}

.caption {
    position: relative;
    top: -40px;
    left: 10px;
    font-size: 1.0em;
    transition: 0.5s;
}

.caption a {
    cursor: pointer;
}

.caption-info {
    display: inline-block;
    visibility: hidden;
    opacity: 0.0;
    background-color: var(--main-bg-color);
    padding: 5px 20px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--main-fg-color);
    border-radius: 5px;
    transition: 0.5s;
    transform: translate(0, -25%);
}