/* Grid container */
    .grid_image {
      display: grid;
      gap: 50px;
      margin:50px 20px;
      /* Maks. 3 kolonner på desktop */
      grid-template-columns: repeat(2, 1fr);
    }

    /* På mobil: 1 per row (under 600px) */
    @media (max-width: 599px) {
        .grid_image {
          grid-template-columns: 1fr;
        }
      }
  
      /* Mellem 600px og 1024px: 2 per row */
      @media (min-width: 600px) and (max-width: 1024px) {
        .grid_image {
          grid-template-columns: repeat(2, 1fr);
        }
      }


          /* Link der omslutter kortet */
    .image_card-link {
        text-decoration: none;
        color: inherit;
        display: block;
        color:#000!important;
      }

    /* Card styling */
    .image_card {
      background: #f5f5f5;
      border-radius: 15px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.14);
      overflow: hidden;
    }

    /* Billedcontainer med overflow hidden for at skjule zoom-effekten */
    .image_card .image_card-image {
      overflow: hidden;
    }

    .image_card .card-image img {
      object-fit:cover;
      height:350px;
      width:100%;
      margin: 0px auto 30px;
      display: block;
      opacity:0.8;
      transition: 1s ease;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
    }

    /* Zoom på billedet ved hover */
    .image_card:hover .card-image img {
        opacity:1;
        transition: 1s ease;
    }

    .image_card .card-text {
      padding: 0px 20px 10px;
      color:#000;
    }

    span {
      font-weight: 100;
      font-size: medium;
    }

    h3, h2, h1, h4 {
      margin: 0px;
    }

     /* Fastlåst overlay-tekst - højre alignet og 20px fra bunden */
     .image_card .card-overlay {
        position: relative;
        right: 20px;
        bottom: 20px;
        padding: 5px 10px;
        font-weight: 400;
        text-align: right;
      }