[CSS][HTML] Backgroud-image style, Jak uzyskać efekt podany na zdjęciu? Opcje

[Freshoy]

Witam, potrzebuje pomocy. Oto efekt docelowy który chciałbym uzyskać.
http://s1.tufotki.pl/2017/11/18/5WqRl-G4anLZ.png?v=2
A w zdjęcie podstawowe jest bez tychże pasków
https://images.bigcartel.com/theme_images/2...=max&w=1500

Chodzi o to, iż w tle jest zdjęcie a na zdjęciu taka jakby nakładka w paski czy coś.
U mnie wygląda to tak:
http://tufotki.pl/temp/dD5RkFSlyGV2X4O1kqL...rysmpHd.png?v=0


Oto mój kod:

Kod

body {
  margin: 0;
  overflow-x: hidden;
  color: #e36294;
  font-family: "Courier New";
  font-size: 22px;
  background: #e39d9d;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.bg-image {
    background-color:black;
    background:url(https://images.bigcartel.com/theme_images/20836300/DSC_0775.JPG?auto=format&fit=max&w=1500);
    background-size:100%;"
    opacity: 0.5;
}

Ten post edytował Freshoy 18.11.2017, 22:09:13