/* Hero image update: supplied Wooten Oil photo blended into existing website background. */
.hero{
  background:linear-gradient(135deg,#153a61,#0b1d32) !important;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("../img/wooten-hero-background.webp");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:.28;
  z-index:0;
  pointer-events:none;
}
.hero::after{z-index:1}
.hero-content{position:relative;z-index:2}
@media(max-width:640px){
  .hero::before{background-position:62% center;opacity:.26}
}