video 블록 및 리펙터링

src/styles/builder.css

@@ -71,6 +71,17 @@ body {
   flex: 1 1 0;
 }
 
+/* Section background video */
+.pb-section-bg-video {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: -1;
+  pointer-events: none;
+}
+
 /* Text alignment */
 .pb-text-left {
   text-align: left;
@@ -213,6 +224,38 @@ body {
   background-color: #374151;
 }
 
+.pb-video-wrapper {
+  position: relative;
+  width: 100%;
+  height: 0;
+  padding-bottom: 56.25%;
+  overflow: hidden;
+}
+
+.pb-video-wrapper--4by3 {
+  padding-bottom: 75%;
+}
+
+.pb-video-wrapper--1by1 {
+  padding-bottom: 100%;
+}
+
+.pb-video-frame {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  display: block;
+}
+
+.pb-video-caption {
+  display: none;
+  margin-top: 0.5rem;
+  font-size: 0.75rem;
+  color: #9ca3af;
+}
+
 .pb-btn-base {
   display: inline-flex;
   align-items: center;