//******************************************************************************
//   This is the prompt I gave to Google's Gemini AI to generate a 
//	 static weather headlines web page.  I then wrapped the html it 
//   produced (somewhat modified) in some php scripting to make the 
//   page more dynamic.
//
//	 						- Jim Little Nov 2025
//
//******************************************************************************

Please build me an html page with the following elements:

- Page title "Weather Headlines"

- A black background.

- An image, 800 pixels wide by 600 pixels high, anchored to the top but centered horizontally in the 
  viewport with the image source located at "./backgrounds_and_overlays/blue_headline_background.png"

- A line of text overlayed on the image above at a fixed (x=100 pixels, y=100 pixels relative to the upper left 
  of the previously mentioned image) reading "This is some text" in white with a black drop-shadow and a text size of .9em
  
- Three lines of text in white with a black outline and a black semi-transparent drop shadow.
  these text lines "fly-in" from left to right, one at a time and overlay the image. They appear 
  to fly-in from the left edge of the image, not the left edge of the viewport  
  
  Each line has a bullet image located at "./backgrounds_and_overlays/red_bullet.png"
  
  line one reads "This is line one"
  line two reads "This is line two"
  line three reads "Finally, this is line three"
  
-  use https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js for any jquery routines used.
  
- pay particular attention to z-index issues so that the text flys in *over* the image 

- Clearly indicate with comments any specificatons of color, position, etc. that I mig
ht want to manually modify