html, body {
  padding: 0 !important;
}

.block-link {
    display: block;
    text-decoration: none;
  }

  .block-preview {
    width: 80%;
    height: 300px;
    border-radius: 21px 21px 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
  }

  .block-link:hover .block-preview {
    transform: scale(1.05);
    box-shadow: 0 12px 30px rgba(0,0,0,0.35);
    filter: brightness(1.1); /* effet d’éclaircissement au hover */
  }