.main-content{ 
                 background:black;
 }

.gif-background{  
                 position: abolute;
                 top:48px;
                 width:100%;
                 /* display:table; */
                 /* position:fixed; */
                 left:0px;
                 clear:none;
                 margin-top:-100px;
}

.background-container{ 
                 position:relative;
                 }

.gif-background img{ 
                     width:100%;
                     margin:auto;
                 }

/* center container with CSS */
/* #gif-background .msnry-gif-item { */
/*                       margin: 0 auto; */
/*                       } */

.msnry-gif-item{ 
                 width:45%;
                 float:left;
 }

.hidden{ 
                 display:none;
 }

.msnry-sizer{ 
              width:45%;
 }

.gif-item, .gif-png-item{ 
            width:100%;
            /* height:10%; */
            /* display:table-cell; */
            overflow:hidden;
            /* z-index:-10; */
            /* margin-top:-20px; */
            /* margin-right:-10px; */
 }

.content-area { 
                position:absolute;
                }


@media screen and (min-width: 200px) {
  .msnry-sizer{ 
                width:100%;
                }
  
  .msnry-gif-item{ 
                 width:100%;
                 }
  
  .gif-background{  
                   margin-top:0px
                   position:relative;
                 }

}

@media screen and (min-width: 1000px) {
  .msnry-sizer{ 
                width:50%;
                }
  .msnry-gif-item{ 
                   width:50%;
                   position:relative;
                   overflow:hidden;
                   }
  
  .gif-background{  
                   width:100%;
                   display:block;
                   position:fixed;
                   left:0px;
}