.gallery-lightbox {
    border: 10px solid #d8ddde;
    padding: 1em;
    margin-bottom: 1em !important;
    position: relative;
    overflow: visible;
    display: inline-block;
    width: calc(100% - 5em);
}
.gallery-lightbox:hover {
    cursor: pointer;
}

.gallery-lightbox:before {
    background: #d8ddde url(/typo3conf/ext/ddfbasics/Resources/Public/Img/icons/icon_fullscreen.svg) no-repeat center;
    content: "";
    border-radius: 50%;
    width: 55px;
    height: 55px;
    position: absolute;
    right: -32px;
    top: calc(50% - 30px);
    z-index: 1;
}

@media (max-width: 1199px) {
    .gallery-lightbox:before {
        top: auto;
        right: auto;
        bottom: -32px;
        left: calc(50% - 30px);
    }

    .gallery-lightbox {
        margin-bottom: 2em !important;
    }
}