body {
  background-image: url('/imgrepo/gif1bg.gif');
  background-repeat: no-repeat;                 /* Or 'repeat' for tiled webcore look */
  background-size: cover;                       /* Stretches to fill screen nicely */
  background-position: center center;           /* Centers it */
  background-attachment: fixed;                 /* Optional: stays put when scrolling (parallax feel) */
  background-color: #000;                       /* Fallback solid color if image fails to load (dark for coder vibe) */
  color: white;
  font-family: 'Cosmic Sans MS';
}
.hero-section {
  background-image: url('/images/larrybgpc.jpg');   /* relative path from CSS file */
  /* or absolute: url('https://example.com/bg.jpg') */
  
  background-repeat: no-repeat;     /* usually what you want */
  background-position: center;      /* centers the image */
  background-size: cover;           /* most popular – fills the area, may crop */
  /* alternative: background-size: contain;  → shows whole image, may show gaps */
  
  min-height: 500px;                /* give it height or it collapses */
  color: white;                     /* make text readable */
}