title: Adding triangles with CSS that are responsive
body: <p><a href="https://i.stack.imgur.com/tbaYx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tbaYx.png" alt="enter image description here" /></a></p>
  <p>I am struggling to create the above design of the green background, two white triangles and blue dots on the point of the triangles.</p>
  <p>I have to create two triangles using W3School tutorial but they are not responsive causing issues. I have created the green background in PS with white triangles and blue dots but cannot get the image to sit in the same position across screen sizes.</p>
  <p>Any help in creating the above using HTML/CSS would be great.</p>