.galleryImg {
    object-fit: cover;

    margin: 0.5rem;

    width: 10rem;
    height: 10rem;

    cursor: pointer;

    transition: 0.4s;
}

.galleryImg:hover {
    transform: scale(1.2);
}


.showImg {
    object-fit: contain;

    width: 100%;
    height: 100%;
}

.diashow {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;

    height: 100vh;

    z-index: 200;

    background-color: #000000bd;
    transition: background-color 0.6s;
}

.next, .back, .close {
    position: absolute;

    color: white;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0 0 0.3rem black;
    cursor: pointer;
    font-size: 3rem;

    height: 4rem;
    width: 4rem;

    transition: 0.4s;
}

.next:hover, .back:hover, .close:hover {
    transform: scale(1.2);
}

.next {
    right: 0;
    top: calc(50% - 2rem);
}

.back {
    left: 0;
    top: calc(50% - 2rem);
}

.close {
    right: 0;
    top: 0;
}