/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.gifs-masonry {
  // display: flex;
  // flex-wrap: wrap;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(3,1fr);
  gap: .125rem;

  .gif {
    // flex: 1 0 auto;
    // max-width: 100%;
    // height: 100px;
    // margin: 2.5px;
    // cursor: pointer;
    //background: #000;
    // position: relative;

    video,
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    img {
      position: absolute;
      left: 0;
      top: 0;
    }
  }

  .preloader-container {
    z-index: 2;
  }
}