body{
    background-color: gray;
}
.v1{
    background-color: teal;
}
.cont2{
    margin: 0em;
    display: flex;
    background-color: violet;
}
.v2a{
    margin: 0;
    flex: 1;
    background-color: yellow;
    text-align: right;
    color: orangered;
    font-size: 2vw;
    background-image:
    repeating-linear-gradient(
      90deg,
      #3f3 1px,
      transparent 15px),
    repeating-linear-gradient(
      #000 1px,
      #ff8 17px);
    }
.v2b{
    margin: 0;
    flex: 1;
    background-color: green;
    text-align: left;
    color: orange;
    font-size: 2vw;
    background-image:
    repeating-linear-gradient(
      90deg,
      #3f0 1px,
      transparent 15px),
    repeating-linear-gradient(
      #000 1px,
      #ff8 18px);
}
.v2c{
    margin: 0;
    flex: 8;
    background-color: skyblue;
}
.v3{
 margin: 0;
 background-color: skyblue;
  background-position: 8%;
  background-size: 55px 20px;
  background-repeat: repeat-y;
  background-image:
linear-gradient(
  90deg,
  #000 0px,
  transparent 52px),
 linear-gradient(
  #000 1px,
  #ff8 2px);
}
.bg2{
    background-repeat: round;
}