/* Estilo general para escritorio */
body {
    font-size: 16px;
    padding: 20px;
}

/* Tablets */
@media (max-width: 768px) {
    body {
        font-size: 14px;
        padding: 15px;
    }
}

/* Móviles */
@media (max-width: 480px) {
    body {
        font-size: 12px;
        padding: 10px;
    }
}
.container {
    display: flex;
    flex-wrap: wrap;
}

.item {
    flex: 1 1 200px; /* crece y se encoge, mínimo 200px */
    margin: 10px;
}
img, video {
    max-width: 100%;
    height: auto;
}