Как изменить ориентацию карточки?

Чтобы изменить ориентацию карточки, можно использовать CSS свойство "transform" с значением "rotate". Например, чтобы повернуть карточку на 90 градусов по часовой стрелке:

```css
.card {
  transform: rotate(90deg);
}
```

Чтобы исправить поведение карточки при наведении на боковые части, можно добавить свойство "overflow" со значением "hidden" к родительскому элементу карточки. Например:

```css
.card-container {
  overflow: hidden;
}
```

Это позволит скрыть содержимое, которое выходит за пределы карточки, и предотвратит дергание при наведении на боковые части.

Добавь неподвижную обертку, которая будет реагировать на наведение курсора. При этом сама карточка должна вращаться. Таким образом, когда курсор остается в пределах исходного контура карточки (неподвижной обертки), эффект ховера на карточке не будет прекращаться.