.overlay_item .item_inner {
    display: block;
    position: relative;
}
.overlay_item .item_inner .item_content {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 10; display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: var(--typo-double-gap);
    text-align: center;
    background-color: rgba(0,0,0,0.2);
    color: #FFFFFF;
    border-radius: var(--typo-border-radius-big);
    opacity: 0; visibility: hidden;
    transition: all .25s ease;
}
.overlay_item .item_inner:hover .item_content {
    opacity: 1; visibility: visible;
}