Добавьте рамку вокруг адаптивного iframe (например, vimeo)

Question

Я хотел бы добавить белую рамку вокруг видео Vimeo, но это происходит:

мой код

.video-iframe {
    width: 100%;
    height: 350px;
    border: 5px solid #fff;
    border-radius: 4px;
}

и

@media screen and (max-width: 600px) {

    .video-iframe {
        margin-top: 50px;
        width: 100%;
        height: 250px;
        border: 5px solid #fff;
        border-radius: 4px;

    }

конечно, если я добавлю «статическое» значение для ширины, оно больше не будет реагировать.