.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));gap:1rem;padding:1rem}.video-frame{animation:bg-video-loading 2s ease-in-out infinite;aspect-ratio:16/9;border:1px solid;border-color:#a9a9a9;background-image:url(/img/play.png);background-size:20%;background-position:center;background-repeat:no-repeat}.video-frame.loaded{animation:none;border:none}.video-frame.timeout{animation:none}@keyframes bg-video-loading{0%,to{background-size:20%}50%{background-size:22%}}.video-frame>iframe{border:none;display:block;height:100%;width:100%;opacity:0}.video-frame>iframe.loaded{opacity:1}