body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
  background-size: 100% 24px;
} /* Above is to add a very fine hairline shadow like slats catching a hint of light.*/
/* Optional reset styles: below is Mocha*/
body {
  background: inherit;
/* (All-things-CONSIDERED) To Keep Vid-related-stylings for Future-use
bottom line, //earlier Idea had been to have win-shades-like
    #d8c4a5, // soft warm pastel brown lines across pg
    #d8c4a5 24px, //using these color hex-codes
    #c6aa86 24px,
    #c6aa86 48px */
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-color: #f9f9f9;
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

/* Centered and responsive container */
.video-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

/* Stylish frame */
.video-frame {
  position: relative;
  width: 90%;
  max-width: 560px;
/*  aspect-ratio: 16 / 9; */
  border: 8px solid #444;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  overflow: hidden;
  background-color: #000;
}
/* Thumbnail image */
.thumbnail {
  width: 100%;
  height: auto;
  display: block;
}

/* Play button overlay */
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 48px;
  background: url('https://img.icons8.com/ios-filled/100/ffffff/play--v1.png') no-repeat center center;
  background-size: 50% auto;
  transform: translate(-50%, -50%);
  opacity: 0.8;
  transition: opacity 0.3s;
}

/* Embedded iframe responsive 
.video-frame iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
Above code was in styling idea of placing a web-browser compatible solution. 
Steps of how to embed a YouTube video on webpage in a Responsive, 
Accessible, and Styled Way. A lightweight solution (HTML5 + CSS only-implementation) 
to achieve a video link placed on the center of the web-page 
(not autoplayed, shown as a thumbnail before click), and Option to add a decorative frame.
SO, with it the code ONLY had: body,  .video-wrapper, .video-frame (image), video-frame iframe 
--\
HERE we have also: .play-button (overlay) .video-link:hover, .play-button AND 
.video-frame iframe (responsive). 
*/