@media (min-width: 1024px) {
  header.wp-block-template-part {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  }

  .home header.wp-block-template-part {
    margin-bottom: -96px;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    color: #222222;
    transition: background-color 0.2s;
    position: relative;
    z-index: 1;
  }

  .home header.wp-block-template-part:hover,
  .home header.wp-block-template-part:focus-within {
    background-color: #ffffff;
  }
}