.animlogo {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            width: 175px;
            -webkit-animation: pulse 5s linear infinite ;
            animation: pulse 5s linear infinite ;
        }
        @-webkit-keyframes pulse {
            from {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            25% {
                -webkit-transform: scale(0.91);
                transform: scale(0.91);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            50% {
                -webkit-transform: scale(0.98);
                transform: scale(0.98);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            75% {
                -webkit-transform: scale(0.87);
                transform: scale(0.87);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
        }
        @keyframes pulse {
            from {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            25% {
                -webkit-transform: scale(0.91);
                transform: scale(0.91);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            50% {
                -webkit-transform: scale(0.98);
                transform: scale(0.98);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            75% {
                -webkit-transform: scale(0.87);
                transform: scale(0.87);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
        }
        .baner {
        width: 100%;
        min-height: 700px;
        max-height: 1000px;
        padding: 10px;
        position: relative;
    }

    .content1 {
        position: relative;
        text-align: center;
        vertical-align: middle;
    }
    .content2 {
        position: relative;
        text-align: center;
        vertical-align: middle;
    }

    .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .gif {
        z-index: 1;
        width: 100%; /* Adjust width as needed */
        max-width: 900px;
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translateX(-50%);
    }

    @media only screen and (max-width: 300px) {
        .gif {
            left: 30%;
        }
    }

    @media only screen and (max-width: 280px) {
        .gif {
            left: 20%;
        }
    }
    @media only screen and (min-width: 200px) {
        .sztandar {
            left: 62%;
        }
    }
    @media only screen and (max-width: 1800px) {
        .sztandar {
            left: 63%;
        }
    }
    @media only screen and (max-width: 1700px) {
        .sztandar {
            left: 64%;
        }
    }
    @media only screen and (max-width: 1600px) {
        .sztandar {
            left: 65%;
        }
    }
    @media only screen and (max-width: 1500px) {
        .sztandar {
            left: 66%;
        }
        .loading {
            transform-origin: 89px 40px;
        }
    }
    @media only screen and (max-width: 1400px) {
        .sztandar {
            left: 67%;
        }
    }
    @media only screen and (max-width: 1300px) {
        .sztandar {
            left: 68%;
        }
    }
    @media only screen and (max-width: 1200px) {
        .sztandar {
            left: 69%;
        }
    }
    @media only screen and (max-width: 1100px) {
        .sztandar {
            left: 70%;
        }
    }
    @media only screen and (max-width: 1000px) {
        .sztandar {
            left: 74%;
        }
    }
    @media only screen and (max-width: 900px) {
        .sztandar {
            left: 75%;
        }
    }
    @media only screen and (max-width: 800px) {
        .sztandar {
            left: 83%;
        }
        .gif {
            max-width: 550px;
        }
    }
    @media only screen and (max-width: 700px) {
        .sztandar {
            left: 86%;
        }
        .gif {
            max-width: 550px;
        }
    }
    @media only screen and (max-width: 600px) {
        .sztandar {
            left: 92%;
        }
        .gif {
            max-width: 450px;
        }
    }
    @media only screen and (max-width: 500px) {
        .sztandar {
            left: 102%;
        }
        .gif {
            max-width: 400px;
        }
    }
        @media only screen and (max-width: 500px) {
        .sztandar {
            left: 103%;
        }
    }
    @media only screen and (max-width: 450px) {
        .sztandar {
            left: 109%;
        }
    }
    @media only screen and (max-width: 400px) {
        .sztandar {
            left: 115%;
        }
    }
    @media only screen and (max-width: 350px) {
        .sztandar {
            left: 120%;
        }
    } @media only screen and (max-width: 300px) {
        .sztandar {
            left: 125%;
        }
    }
    #myVideo {
  min-width: 100%; 
  min-height: 100%;
}

    .loading {
  margin-top: 30px;
  width: 100px;
}
a {
  text-decoration: none;
  color: white;
}

a:hover {
  color: red;
}

a:active {
  color: red;
} 
.baner {
    position: relative;
}

#myVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity for desired darkness */
    z-index: -1;
}
.content1 {
    padding-top: 200px;
    transition: opacity 0.3s ease; /* Smooth transition */
}

.content2:hover ~ .content1,
.content1:hover {
    opacity: 0.5; /* Set opacity to 0.5 when hovering over .content1 or .content2 */
} 

.content1:not(:hover) .content1 {
    opacity: 1; /* Set opacity to 1 when not hovering over .content1 or .content2 */
}