[change] Suggestion about https://github.com/quinton-ashley/p5play-web/issues/36#issuecomment-2071685111

[ShiMeiWo]

This is just an implementation example about https://github.com/quinton-ashley/p5play-web/issues/36#issuecomment-2071685111 . Please take a look.

• Remove <img> tag from index.html.
  • #reel6.reel > img
• Changed "the Ashleys" image into background-image: url() of #reel6.
  • default:

    #reel6 {
    background: url(/assets/bios/quinton-ashley.webp) #002D3F no-repeat;
    background-size: cover;
    background-position: center;
    }

  • max-width: 1030px:

    #reel6 {
    background-position: calc(50% + 250px / 2) center;
    }

  • max-width: 540px:

    #reel6 {
    height: auto;
    background-position: 38.6% center;
    }

• Removed the scrollbar of the text.

[quinton-ashley]

Looks much better, thanks!