.yt-lazy {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    background-color: #000;
    overflow: hidden;
}

.yt-lazy .play-button { position: absolute; top: 50%; left: 50%;
 transform: translate(-50%, -50%); width: 68px; height: 48px;
 background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyAgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAtNSAzNCAzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCAgZmlsbD0iI2VkMWIyNCIgZD0ibTEzLjU0NCAxNi40MTkgOS4yMTYtNC43NjItOS4yMTYtNC44MTh6bTMuNTI0LTE2LjQxOXEzLjIgMCA2LjE4MS4wODZ0NC4zNzEuMTgxbDEuMzkuMDhxLjAxOSAwIC4zMi4wMjljLjE2Ny4wMTMuMzE3LjAzMy40NjUuMDYxbC0uMDI2LS4wMDRxLjEzNC4wMjkuNDQ4LjA4NmMuMjA1LjAzNS4zODguMDg4LjU2MS4xNThsLS4wMTgtLjAwNnEuMjI5LjA5NS41MzQuMjQ4Yy4yMjUuMTE0LjQxOS4yMzguNTk5LjM3N2wtLjAwOC0uMDA2Yy4yMDMuMTU4LjM4My4zMjMuNTQ5LjUwMmwuMDAzLjAwM2MuMTAyLjEwNy4xOTkuMjIyLjI4OC4zNDJsLjAwNy4wMWMuMjAyLjMxOC4zODguNjg2LjUzNyAxLjA3MWwuMDE1LjA0NGMuMjQuNTU5LjQxNyAxLjIwNy41MDEgMS44ODVsLjAwNC4wMzVxLjE1MiAxLjIxOS4yNCAyLjZ0LjEwNSAyLjE2djMuMzUyYy4wMDEuMDc4LjAwMS4xNzEuMDAxLjI2MyAwIDEuODUzLS4xMjUgMy42NzgtLjM2NyA1LjQ2NWwuMDIzLS4yMDhjLS4wODYuNzA0LS4yNTUgMS4zNDQtLjQ5OCAxLjk0NmwuMDE4LS4wNTFjLS4xNjIuNDQ3LS4zNjguODM0LS42MiAxLjE4NmwuMDEtLjAxNS0uMjY2LjMyYy0uMTY5LjE4Mi0uMzQ5LjM0Ny0uNTQyLjQ5N2wtLjAxLjAwOGMtLjE3MS4xMzQtLjM2NS4yNTQtLjU3MS4zNTNsLS4wMTkuMDA4cS0uMzA1LjE0My0uNTM0LjI0Yy0uMTU2LjA2NC0uMzM4LjExNy0uNTI3LjE1bC0uMDE2LjAwMnEtLjMxNC4wNTctLjQ1Ny4wODZ0LS40MzguMDU3LS4zMTQuMDI5cS00Ljc3NS4zNzItMTEuOTM3LjM3Mi0zLjk0My0uMDM4LTYuODQ4LS4xMjR0LTMuODE5LS4xNDNsLS45MzQtLjA4LS42ODYtLjA4Yy0uNDA0LS4wNS0uNzU3LS4xMTctMS4xMDItLjIwNGwuMDYyLjAxM2MtLjM3Ni0uMTE4LS42OTctLjI1My0xLjAwMy0uNDE1bC4wMzIuMDE1Yy0uNDE3LS4yMDUtLjc3Mi0uNDY3LTEuMDc1LS43OGwtLjAwMS0uMDAxYy0uMTAyLS4xMDctLjE5OS0uMjIyLS4yODgtLjM0MmwtLjAwNy0uMDFjLS4yMDItLjMxOC0uMzg4LS42ODYtLjUzNy0xLjA3MWwtLjAxNS0uMDQ0Yy0uMjQtLjU1OS0uNDE3LTEuMjA3LS41MDEtMS44ODVsLS4wMDQtLjAzNXEtLjE1Mi0xLjIxOS0uMjQtMi42dC0uMTA1LTIuMTZ2LTMuMzUyYy0uMDAxLS4wNzgtLjAwMS0uMTcxLS4wMDEtLjI2MyAwLTEuODUzLjEyNS0zLjY3OC4zNjctNS40NjVsLS4wMjMuMjA4Yy4wODYtLjcwNC4yNTUtMS4zNDQuNDk4LTEuOTQ2bC0uMDE4LjA1MWMuMTYyLS40NDcuMzY4LS44MzQuNjItMS4xODZsLS4wMS4wMTUuMjY2LS4zMmMuMTY5LS4xODIuMzQ5LS4zNDcuNTQyLS40OTdsLjAxLS4wMDhjLjE3Mi0uMTM0LjM2NS0uMjU3LjU3LS4zNjJsLjAyMS0uMDFxLjMwNS0uMTUyLjUzNC0uMjQ4Yy4xNTYtLjA2NC4zMzgtLjExNy41MjctLjE1bC4wMTYtLjAwMnEuMzE0LS4wNTcuNDQ4LS4wODZjLjEyMS0uMDI0LjI3MS0uMDQ0LjQyNC0uMDU2bC4wMTUtLjAwMXEuMzA1LS4wMjkuMzItLjAyOSA0Ljc4My0uMzUgMTEuOTQ2LS4zNXoiLz4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0ibTEzLjU0NCAxNi40MTkgOS4yMTYtNC43NjItOS4yMTYtNC44MTh6Ii8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }