img {
  opacity: 1;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}

img[data-src]{
  opacity: 0;
}

/*#bp:hover {
  content: url('Images/Collections/bp_h.png');
}

#pp:hover {
  content: url('Images/Collections/pp_h.png');
}

#c:hover {
  content: url('Images/Collections/c_h.png');
}

#d:hover {
  content: url('Images/Collections/d_h.png');
}

#s:hover {
  content: url('Images/Collections/s_h.png');
}

#soon:hover {
  content: url('Images/Collections/soon_h.png');
}  */    

@media screen and (min-width: 200px) and (max-width: 1500px)
{
  .p_container {
    display: none;
  }
}

@media screen and (min-width: 1500px) and (max-width: 2000px)
{
  .m_container {
    display: none;
  }
}