Для того чтобы при приближении изображение увеличивалось в месте курсора мыши, а не у одного из углов, нужно учитывать позицию курсора при изменении масштаба.
Ниже приведен пример кода на HTML и CSS, который позволяет приближать изображение к месту курсора мыши:
HTML:
```html
<div class="zoom-container">
<img src="image.jpg" class="zoom-img" id="zoom-img">
</div>
```
CSS:
```css
.zoom-container {
overflow: hidden;
position: relative;
}
.zoom-img {
max-width: 100%;
transition: transform 0.5s;
}
.zoom-container:hover .zoom-img {
transform: scale(1.5);
}
```
Чтобы изменить код так, чтобы приближение изображения происходило к определенной точке, выбранной на изображении, можно воспользоваться JavaScript. Можно добавить обработчик события нажатия на изображение, при котором будет происходить увеличение изображения к заданной точке.
Чтобы исправить ошибку, из-за которой при прокрутке колесика мыши форма закрывается, можно добавить свойство `pointer-events: none;` для элемента, который создает форму. Например, если у вас есть элемент с классом "form" и он мешает прокрутке, добавьте следующий CSS:
```css
.form {
pointer-events: none;
}
```
Это позволит прокручивать страницу, не взаимодействуя с элементом формы.