/*.instagram_feed {
  overflow: hidden;
}
.instagram_feed .instagram_new {
  width: 31.666%;
  float: left;
  padding: 0 1px 1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.instagram_feed .instagram_new.insta-video-wr {
  position: relative;
}
.instagram_feed .instagram_new.insta-video-wr video,
.instagram_feed .instagram_new.insta-image-wr img {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.instagram_feed img.insta-image {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.instagram_feed .insta-link {
  position: relative;
  display: block;
  background: #232323;
  padding-top: 100%;
}
.instagram_feed .insta-link:hover .insta-image {
  opacity: 0.2;
}

*/
/* grid igual que antes */
.instagram_feed { overflow: hidden; }
.instagram_feed .instagram_new {
  width: 31.666%;
  float: left;
  padding: 0 1px 1px 0;
  box-sizing: border-box;
}

/* el wrapper del vídeo necesita altura igual que la imagen */
.instagram_feed .instagram_new.insta-video-wr,
.instagram_feed .instagram_new.insta-image-wr {
  position: relative;
}

/* EL CAMBIO: relación 310x414 */
.instagram_feed .insta-link {
  position: relative;
  display: block;
  background: #232323;
  padding-top: calc(414 / 310 * 100%); /* 133.548% */
}

/* media rellena sin deformarse */

.instagram_feed .instagram_new.insta-video-wr video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .3s ease;
}

.instagram_feed .instagram_new.insta-image-wr img,
.instagram_feed img.insta-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .3s ease;
}

.instagram_feed .insta-link:hover .insta-image { opacity: .2; }

.instagram-lite-block{
  margin-bottom: 2em;
}

/* wrapper ya lo tienes */
.instagram_feed .insta-video-wr { position: relative; }

/* capa de miniatura */
.instagram_feed .insta-video-wr .insta-poster {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: opacity .2s ease;
  pointer-events: none; /* no bloquea clics si quieres que el vídeo reciba el click */
  opacity: 1;
}

/* cuando el vídeo esté en reproducción, ocultamos el overlay */
.instagram_feed .insta-video-wr.is-playing .insta-poster { opacity: 0; }

/* el vídeo rellena sin deformar tu contenedor 310x414 o el que uses */
.instagram_feed .insta-video-wr video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
