Page - Article Header Overlay Background Image (Immersive + Translucent Header)

A post has an article header overlay with a background image in immersive mode with a translucent header.

A post has an article header overlay with a background image in immersive mode with a translucent header.

front matter:

---
layout: article
title: Page - Article Header Overlay Background Image (Immersive + Translucent Header)
mode: immersive
header:
  theme: dark
article_header:
  type: overlay
  theme: dark
  background_color: '#203028'
  background_image:
    gradient: 'linear-gradient(135deg, rgba(34, 139, 87 , .4), rgba(139, 34, 139, .4))'
    src: /docs/assets/images/cover3.jpg
---