.vidlog {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.vid {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: black;
    text-decoration: none;
    padding: 5px;
    border-spacing: 0;
}

.vid p {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    max-width: 125px;
}

.play {
    opacity: 0.7;
    background-image: url("/videos/play.png");
    z-index: 1;
    position: absolute;
    margin: 29.5px 62.5px;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.vid:hover .play {
    filter: brightness(75%);
}

.vidthumb {
    z-index: 0;
    width: 150px;
    height: 84px;
    border: inset;
    border-color: white;
}

.vid:hover img {
    filter: brightness(75%);
}

.vid:hover p {
    overflow: visible;
    white-space: normal;
}