img {
    width: 98%;
    height: auto;
}
body{
    margin-top: 2%;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 2%;
}
h1{
    font-weight: bold;
}

#intro-container {
    display: flex;
    flex-wrap: wrap;
}

.intro-element {
    width: 35vw;
}
#coverimg {
    display: block;
    margin-right: auto;
    height: 40vh;
    width: auto;
}

#video-row {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: start;
    height: 50vh;
}

#videos {
    margin-right: 2%;
    height: 100%;
    width: 40%;

    min-width: 600px;
}

iframe {
    width: 100%;
    height: 100%;
}

.img-container {
    display: grid;
    width: 100%;
    grid-template-rows: min-content;
    grid-template-columns: 30vw 30vw;
    row-gap: 1%;
    margin-bottom: 2%;
}