@media only screen and (min-width: 320px) {
    .gb-query-loop-item {
        padding-bottom: 40px;
    }

    .gb-query-loop-item figure img {
        padding-bottom: 10px;
    }

    .gb-query-loop-item h3 {
        margin: 10px 0;
        color: #000000;
    }

    .gb-query-loop-item h3:hover {
        color: #043C96;
    }

    .gb-query-loop-item p {
        margin-bottom: 5px;
    }

    .gb-query-loop-item .gb-block-image img {
        object-fit: cover;
        height: 300px;
        width: 100%;
        transition: transform 1.2s ease-in-out, filter 1s ease-in-out; /* 💫 hidastettu */
    }

    .gb-query-loop-item .single-post h3 {
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .gb-query-loop-item .single-post {
        box-shadow: 0 10px 20px rgba(0,0,0,0.3);
        border-radius: 10px;
        overflow: hidden;
    }

    .gb-query-loop-item .single-post::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.3);
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: 1;
      }
      
     /* ===== Hover-efekti ===== */
    .gb-query-loop-item .single-post:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 25px rgba(0,0,0,0.25);
    }
    
    /* 🔥 Nyt vain kuva reagoi hoverissa */
    .gb-query-loop-item .single-post:hover img {
        transform: scale(1.08);
        filter: brightness(65%); /* tummennus */
    }
    }
@media only screen and (min-width: 540px) {
}


@media only screen and (min-width: 768px) {
    
}


@media only screen and (min-width: 990px) {
    
}


@media only screen and (min-width: 1280px) {
    
}