.mentor-media {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 1024px) {
    .mentor-media {
        gap: 10px;
    } 
}

.mentor-media__item-1 {
    max-height: 400px;
    max-width: calc(55% - 10px);
    flex-grow: 2;
    flex-shrink: 1;
}
@media (max-width: 768px) {
    .mentor-media__item-1 {
        max-width: 100%;
    }
}
.mentor-media__item-1__video {
    position: relative;
}

.mentor-media__item-2 {
    max-width: calc(45% - 10px);
    max-height: 400px;
    flex-grow: 1;
    flex-shrink: 2;
}
@media (max-width: 768px) {
    .mentor-media__item-2 {
        max-width: calc(50% - 5px);
    }
}

.mentor-media__item-3 {
    width: 100%;
    max-width: calc(33% - 10px);
    flex-grow: 2;
    flex-shrink: 5;
}
@media (max-width: 768px) {
    .mentor-media__item-3  {
        max-width: calc(50% - 5px);
    }
}

.mentor-media__item-4 {
    width: 100%;
    max-width: calc(33% - 10px);
    flex-grow: 2;
    flex-shrink: 5;
}
@media (max-width: 768px) {
    .mentor-media__item-4  {
        max-width: calc(50% - 5px);
    }
}

.mentor-media__item-5 {
    width: 100%;
    max-width: calc(33% - 10px);
    flex-grow: 2;
    flex-shrink: 5;
}
@media (max-width: 768px) {
    .mentor-media__item-5  {
        max-width: calc(50% - 5px);
    }
}

.mentor-media-img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.media-1 {
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.media-2 {
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.media-3 {
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.media-4 {
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.media-5 {
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.individual-lesson {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.img-play {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%; /* Смещаем картинку на 50% по вертикали */
  left: 50%; /* Смещаем картинку на 50% по горизонтали */
  transform: translate(-50%, -50%); /* Центрируем картинку, компенсируя её размер */
}
@media (max-width: 500px) {
    .img-play {
        width: 75px;
        height: 75px;
    }
}