Untitled

<style>
  .video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 16px;
  }
  .video-item {
    width: 100%; 
  }
  video {
    width: 100%; 
    height: auto; 
  }
</style>

<div class="video-grid">
  {% for productFile in product.metafields.custom.videos.value %}
    <div class="video-item">
      <video autoplay muted loop>
        <source src="{{ productFile.sources[1].url }}" type="video/mp4">
        Tu navegador no soporta la reproducción de video.
      </video>
    </div>
  {% endfor %}
</div>