<html document>
<body>
text from document.write
</body>
</html document>.top div.wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -5px;
min-height: 200px;
background: linear-gradient(45deg, rgba(255,209,17,0) 50%, rgba(255,209,17,0.8) 60%, rgba(255,209,17,.8) 80%) no-repeat, linear-gradient(135deg, rgba(255,209,17,0.8) 0, rgba(255,209,17,0.8) 40%, rgba(255,209,17,0) 50%) no-repeat;
background-size: 50% 100%, 50% 100%;
background-position: 1px 0px, 100% 0px;
}<img src="./assets/img/gallery/album_1/photo_28.jpg" alt="" class="photo rotate_90" id="photo" style="max-width: 960px;"><img src="./assets/img/gallery/album_1/photo_28.jpg" alt="" class="photo" id="photo" style="max-width: 960px;">