.square {
    content: "";
    display: block;
    padding-top: 100% !important; /* initial ratio of 1:1*/
    cursor: pointer;
    border: 2px solid white;
}

.photos {
    /* Prevent vertical gaps */
/*    margin-top: 8px; */
    padding: 10px;
    line-height: 0;
    -webkit-column-count: 3;
    -webkit-column-gap: 2px;
    -moz-column-count: 3;
    -moz-column-gap: 0px;
    column-count: 3;
    column-gap: 0px;
}

    .photos div {
        /* Just in case there are inline attributes */
        width: 100% !important;
        height: auto !important;
        opacity: .7;
        z-index: 1 !important;
    }

        .photos div:hover {
            opacity: 1;
            transform: scale(.9);
            z-index: 2 !important;
        }

/*        @@media (max-width: 1200px) {
										.photos {
											-moz-column-count: 4;
											-webkit-column-count: 4;
											column-count: 4;
										}
									}*/


.photos {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

#gifContainerChat, #selectedGifContainerChat {
    padding: 8px;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    background: rgba(255,255,255,.8);
    border: 1px solid rgba(120,120,120,.6);
    border-right: none;
    border-left: none;
}