* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .vid {
            position: relative;
            width: 100%;
            height: 60vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .vid video {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        .vid .navigation1 {
            position: absolute;
            padding: 1px;
            bottom: 5%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 100;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 60px;
            width: 100px;
        }

        .vid .navigation1 li {
            list-style: none;
            cursor: pointer;
            border-radius: 4px;
            margin: 1px;
            border: 1px solid #fff;
            opacity: 0.7;
        }

        .vid .navigation1 li img {
            transition: 0.5s;
        }

        .vid .navigation1 li img:hover {
            height: 150px;
            width: 200px;
            border: 2px solid #fff;
        }