Сначала сделай, чтобы высота .item не была фиксированной (убрать height: 750px). Зачем там вообще прописан object-fit, если это не картинка, видео или iframe?
Стрелкам добавить стиль transform: translateY(-50%), чтобы точно посередине становились.
label - инлайновый элемент, а div блочный. Как правило, блочные элементы внутри строчных не разрешены. Хотя есть некоторые моменты, например на div внутри ссылки валидатор не ругается.
А зачем margin 2 раза переопределён? Убрать у ссылок margin: auto; margin-left: auto;
margin-right: auto; у контейнера поставить justify-content: center;
Как вариант - 2 фона использовать. Верхний - текстура, нижний - розовый svg с вырезом. Нижний background накладывается на верхний с указанием позиции относительно блока. Тогда псевдоэлемент не нужен.
Ответ написан
Комментировать
Комментировать
Оценили как «Нравится»
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
