*{
  box-sizing: border-box;
  margin:0;
  padding:0;
  border:0;
}

.page {
  position:relative;
  max-width: 1280px;
  width:100%;
  height: 100vh;
  margin:0 auto;
  padding:0;
}

.section {
  display: flex;
  width: 100%;
  min-height: 100vh;
  text-align: center;
  position:relative;
  opacity:1;
  justify-content: center;
  align-items:center;
}

.grid {
  position:relative;
  height:auto;
  width: 1280px;
  margin: 0 auto;
}

.grid__item {
  width: 300px;
  height: 250px;
  background: rgba(233, 30, 99, 0.8);
  display: inline-block;
  margin: 8px;
  padding: 0;
  flex-basis: 300px;
  opacity:0;
}

.grid__item__lazy{
  position:absolute;
  width: 300px;
  height: 250px;
  display:block;
  z-index:2;
  visibility:visible;
  opacity:1;
  border:none;
  overflow:hidden;
  background: rgba(233, 30, 99, 1.0);
}

.grid__item__iframe{
  position:absolute;
  width: 300px;
  height: 250px;
  display:block;
  z-index:1;
  visibility:visible;
  opacity:1;
  border:none;
  overflow:hidden;
}