.photos_and_videos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.photos_and_videos a {
    width: 30%;
    min-width: 290px;
    display: flex;
    align-items: center;
}

.photos_and_videos video {
    width: 80%;
    min-width: 380px;
    margin: 20px;
}

.photos_and_videos img {
    width: 100%;
    border: 3px solid black;
    margin: 10px auto;
}

@media (max-width: 425px) {

    .photos_and_videos a,
    .photos_and_videos video {
        min-width: 280px;
    }

    .photos_and_videos img {
        width: 92%;
        margin: 5%;
    }
}

@media (max-width: 345px) {

    .photos_and_videos a,
    .photos_and_videos video {
        min-width: 250px;
    }
}