Test Embed

Test-Embed.css

body{
 background:url(http://lorempixel.com/1024/768/) no-repeat;  
 
background-size:cover;
}

#container{
  width:90%;
  margin:-10px auto;
 
  display: block;
  overflow: auto;
  padding:0px
}

#container .column {
  /*background:rgba(255,0,255, .8);*/
  font-size:2em;
  text-transform:uppercase;
  color:#000;
  font-family: "Helvetica", "Arial";
  padding:2%;
  float: left;
  width: 45%;
  height: 30em;
  display:block;
  /*border-right:1px solid red;*/
  box-shadow:10px 0 20px -2px  rgba(0,0,0,.4);

  background-position:right 0;
  background-repeat:repeat-y;
  background-size:40%
}

#container .column:last-child{
  background:none;
  border-right:none;
  box-shadow:-8px 0 20px -4px  rgba(0,0,0,.4);
}

.column p{
  background:rgba(255,255,255,.5);
  width:50%;
  margin:0 auto;
  padding:.3em;
  border:none;
}

.vignette:after {
 -moz-box-shadow: inset 0 0 10em #000;  
 -webkit-box-shadow: inset 0 0 10em #000;   
 box-shadow: inset 0 0 10em #000;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 content: " ";
}