#my-video
{
    object-fit: cover;
    width: 100%;
    height: 3500px;
    z-index: -99999999;
}

main
{
    position: relative;
}

#main-content
{
    position: absolute;
    top: 0;
}

#main-content h1
{
    padding: 0 10px;
}

.pictures .active
{
    border:  1px solid pink;
}

.bg-img
{
    background-image: url("../img/IMG_0656.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: -1;
    opacity: .8;
    background-blend-mode: multiply;
    height: 600px;  
    margin: 10px;
    border-radius: 5px;
}

.videos
{
    padding: 10px;
}

.frame-container
{
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 20px;
    height: 0;   
}

.frame-container iframe
{
    position: absolute;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    max-height: 720px;  
    border-radius: 5px;
}