CSS example for video layout

video_example.css

#root {
  background:linear-gradient(90deg, Red, Orange, Yellow, Green, Blue, Indigo,violet);
}

.str-video__video-placeholder {}

.str-video__participant-details {}

.str-video__participant-details__name {}

.str-video__branding-logo {
  width: 350px; 
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 42;
  position: absolute;
}

.str-video__branding-logo::before {
   content:url(https://placehold.co/350x50/orange/white?text=Company+Logo);
}

.str-video__branding-footer {
  z-index: 42;
  position: absolute;
  bottom: 0%;
  left: 10%;
}

.str-video__branding-footer::before {
   content: "Just another awesome conference call";
}