1) Сейчас блок изображения (Product Image) растягивается на всю высоту экрана вне зависимости от размера файла.

когда загружаю фотографии шириной 8438х11251 пикселей и такую же самую картинку только в 350х465 пикселей то они абсолютно одинакового размера что плохо

мне нужно чтобы я смог загружать фотографии 2000х2000пикселей нужно ограничить контейнер изображения как у етси сделать = https://www.etsy.com/listing/4337311733/3d-procreate-mockup-bundle-for-procreate?ls=r&ref=internal_similar_listing_bot-5&pro=1&dd=1&content_source=f377dd5eb3aec8d2418ed475d2da57c4%253ALT61b93b34edf0425b72fc9950aeed888ba21a1da7&logging_key=f377dd5eb3aec8d2418ed475d2da57c4%3ALT61b93b34edf0425b72fc9950aeed888ba21a1da7&listing_id=4337311733&listing_slug=3d-procreate-mockup-bundle-for-procreate

(например, max-width: 500px или max-height: 70vh), чтобы карточка выглядела аккуратно и текст справа не уезжал».

и нужно добавить радиус углов свернутых как на етси у карточек товаров

чат гпт рекомендует:
- Адаптивные изображения (srcset): «Реализуй поддержку srcset. Я буду загружать качественный оригинал (2000 px), а сервер должен автоматически создавать маленькие копии (300 px, 600 px, 1000 px) и отдавать их пользователю в зависимости от размера его экрана».

- Формат WebP: «Настрой автоматическую конвертацию в WebP. Это уменьшит вес моих файлов в 3-5 раз без потери качества».

задача чтобы карточки товаров остались как у https://www.petsafe.com/p/guardian-gps-dog-fence/PIF00-17933/
(чтобы когда скролишь то правый блок с кнопкой купить стоял на месте и скролиться в низ только левая часть экрана до подвала, на подвале экран уже совместный так как единый блок)