/* White and vitamin-colour gadgets: the approved copy and layout stay in HTML. */
.hero{background:#fff}
.hero-photo{background-image:linear-gradient(90deg,#ffffffcc 0%,#ffffff80 34%,#ffffff1a 51%,#ffffff00 66%),url('assets/hero-vitamin.webp');background-size:cover;background-position:center 56%;background-repeat:no-repeat}
@media(max-width:760px){
 .hero-photo{background-image:linear-gradient(180deg,#ffffff 0%,#ffffff 40%,#ffffffeb 66%,#ffffff40 78%,#ffffff00 88%),url('assets/hero-vitamin.webp');background-size:cover,auto 310px;background-position:center,75% bottom}
}