/* Desctop Style */
@media screen and (min-width:1500px) {
.headimage {
    grid-column: 1/4;
    grid-row: 2/3;
    max-width: 100%;
    overflow:hidden;
    /* Photo by mnm.all on Unsplash */
    background: url('https://hounds-yard.de/__LOADINGIMAGES/headgallery/headimg02.jpg') center;
    background-size: cover;
    padding: 4rem 2rem;
    animation: hi1 10s 2;
    animation-delay: 3s;
    /* Grid styles */
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}


@keyframes hi1 {
    0% {
    }
    50% {
        background-position: Calc(-10vw - 40px) 50%;
    }
}

} /*End Desctop Version */
/* Laptop Style */
@media screen and (min-width:880px) and (max-width:1500px) {
.headimage {
    grid-column: 1/4;
    grid-row: 2/3;
    max-width: 100%;
    max-height: 300px;
    overflow:hidden;
    /* Photo by mnm.all on Unsplash */
    background: url('https://hounds-yard.de/__LOADINGIMAGES/headgallery/headimg02.jpg') center;
    background-size: cover;
    padding: 4rem 2rem;
    animation: hi1 10s 2;
    animation-delay: 3s;
    /* Grid styles */
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}


@keyframes hi1 {
    0% {
    }
    50% {
        background-position: Calc(-10vw - 40px) 50%;
    }
}

} /*End Desctop Version */
/* Mobile Style */
@media screen and (min-width:430px) and (max-width:880px) {
.headimage {
    grid-column: 1/4;
    grid-row: 2/3;
    max-width: 100%;
    max-height: 180px;
    overflow:hidden;
    /* Photo by mnm.all on Unsplash */
    background: url('https://hounds-yard.de/__LOADINGIMAGES/headgallery/headimg02.jpg') center;
    background-size: cover;
    padding: 4rem 2rem;
    animation: hi1 10s 2;
    animation-delay: 3s;
    /* Grid styles */
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}


@keyframes hi1 {
    0% {
    }
    50% {
        background-position: Calc(-10vw - 40px) 50%;
    }
}

}   /* End Mobile Style */
/* Mobile Style SMALL */
@media screen and (max-width:430px) {
.headimage {
    grid-column: 1/4;
    grid-row: 2/3;
    max-width: 100%;
    max-height: 140px;
    overflow:hidden;
    /* Photo by mnm.all on Unsplash */
    background: url('https://hounds-yard.de/__LOADINGIMAGES/headgallery/headimg02.jpg') center;
    background-size: cover;
    padding: 4rem 2rem;
    animation: hi1 10s 2;
    animation-delay: 3s;
    /* Grid styles */
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

}     /* End Mobile Style SMALL*/