.youtube-container {
    display: flex;
    flex-wrap: wrap;
}

.youtube-link {
    flex: 1 1 250px; /* Элемент занимает минимум 230px */
    gap: 5px;
    margin: auto;
    padding: 5px;
    overflow: hidden; /* Скрыть часть изображения, если оно выходит за пределы контейнера */
    perspective: 1000px; /* Задает перспективу для дочерних элементов */
}
.youtube-link a{

}
.youtube-link img {
    max-width: 100%;
    max-width: 100%;
    height: auto;
    border: 2px solid #262525;
    transition: transform 0.5s ease; /* Плавный переход при наведении */
    transform-style: preserve-3d; /* Сохраняет 3D-эффекты */
}

.youtube-link:hover img {
    transform: scale(1.1) rotateY(10deg); /* Увеличение и поворот по оси Y */
}