.my-custom-shape {
    position: relative; /* Обеспечим правильное позиционирование */
    border-radius: 30px; /* Скругление углов на 30px */
    overflow: hidden; /* Скрывает часть содержимого, выходящего за границы */
}

.my-custom-shape::before {
    content: ""; /* Создаем псевдоэлемент для наложения */
    position: absolute; /* Абсолютное позиционирование */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%); /* Градиент от 80% до 50% */
    border-radius: 30px; /* Скругление углов на 30px для псевдоэлемента */
    z-index: 1; /* Указываем, что псевдоэлемент будет поверх изображения */
}