article {
    padding-top: 40px;
    width: min(calc(100% - 2rem), 1200px);
    margin-inline: auto;
}
.videos-container{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc((1200px - 3rem) / 3), 1fr));
    row-gap: 2rem;
    column-gap: 1rem;
    padding-top: 40px;
}
.video video{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.video p{
    font-weight: bold;
    font-size: 22px;
    padding-bottom: .5rem;
    margin-bottom:1rem;
    border-bottom: 4px solid #ffebeb;
    position:relative;
    color: #333;
}
.video p:after {
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 4px #3AA3CD;
    bottom: -4px;
    width: 33%;
}

@media (max-width:768px) {
    .videos-container{
        display: block;
    }
}