.contents-container { /* Используем ваш класс */
    flex: 1; /* Основной контент занимает оставшееся пространство */
    padding: 20px;
}

/* Изображения в основном контенте */
.content img {
    max-width: 100%; /* Изображение не будет выходить за пределы контейнера */
    height: auto; /* Сохраняем пропорции */
    display: block; /* Убираем лишний пробел под изображением */
    margin: 0 auto; /* Центрируем изображение, если оно меньше контейнера */
    border-radius: 5px; /* Скругленные углы */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.content video {
    max-height: 90vh; /* Изображение не будет выходить за пределы окна */
    max-width: 100%; /* Изображение не будет выходить за пределы контейнера */
    display: block; /* Убираем лишний пробел под изображением */
    margin: 0 auto; /* Центрируем изображение, если оно меньше контейнера */
    border-radius: 5px; /* Скругленные углы */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.content figcaption {
    padding: 15px; /* Отступы вокруг текста */
    margin: 0; /* Убираем стандартные отступы параграфа */
    font-size: 1.1em;
    font-weight: bold;
    color: #35424a; /* Темно-синий цвет для названия */
}