JSFiddle - React, Tailwind, and code Playground

by kpagcha

HTML

<div id="cover"></div>

CSS

#cover {
  height: calc(60vh - 50px);
  height: calc(var(--cover-height, 60vh) - 50px);
  background: url("https://cdn.pixabay.com/photo/2019/10/09/18/03/cd-cover-4537944_960_720.jpg");
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}