Description

.video-container {
display: flex;
width: 100%;
justify-content: center;
background: black;
padding: 20px;
padding-bottom: 50px;
}
.gradient-border {
border: 5px solid transparent;
border-image: linear-gradient(109.6deg, rgb(255, 24, 134) 11.2%, rgb(252, 232, 68) 52%, rgb(53, 178, 239) 100.2%);
border-image-slice: 1;
overflow: hidden;
}
video {
width: 100%;
max-width: 640px;
height: auto;
}

* Media Queries *
@media (max-width: 768px) { * Tablets *
video {
width: 80%;
max-width: 480px;
}
}

@media (max-width: 480px) { * Phones *
video {
width: 100%;
max-width: 320px;
}
}