softchatjs-react/dist/components/modals/image.module.module.css

Install the softchat-js SDKs

.images{
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 6000;
    display: flex;
    cursor: pointer;
   
}

.images__prev{
    width: 20%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
   
}

.images__center{
    width: 60%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
   
}


.images__next{
    width: 20%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
   
}



.images__center__items{
    height: 500px;
    width: 500px;
    display: flex;
}

.images__center__items img{
    height: 100%;
    width: 100%;
    -o-object-fit:contain;
       object-fit:contain;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.images__center__items video{
    height: 100%;
    width: 100%;
    -o-object-fit:cover;
       object-fit:cover;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}