Den Sabrov

Наверное, многих дизайнеров посещают подобные мысли.

Тут палка о двух концах - с одной стороны, просмотр действительно качественных работ:
1. Dribbble
2. Behance
3. Awwards и прочие Site of the Day контесты.

С другой стороны, если смотреть постоянно на чужие проекты, сбивается свой фокус и понемногу теряется собственный стиль.

Поэтому, имхо, наиболее продуктивно:
1. Повысить свою мотивацию. Понять, зачем тебе это нужно и почему ты это делаешь. И да, это на первом месте.
2. Немного оглядываться на чужие успешные работы, но без фанатизма.
3. Читать/смотреть/изучать что-то новое, что способствует желанию применить новые знания на практике. Например, я частенько заглядываю на boroda.io в поисках чего-то интересного.
4. Отдыхать. Постоянно анализировать и повышать свою продуктивность.
5. Помнить, что дизайн - штука субъективная, у каждого своё видение. И просто творить. А потом анализировать полученный результат, исправлять огрехи и шлифовать свои решения. Но тоже без фанатизма:)

Удачи в творчестве!

Может быть, просто использовать LazyLoad?

Но от border-radius я бы вообще ушёл, исходя из первой секции.
Ну и да, градиент из жёлтого в серый убрать (кровать во второй секции).

Ну, а в целом, для первого раза весьма неплохо.

Практика, практика, практика. Параллельно смотрите бесплатные видяшки на youtube, желательно стримы каких-нибудь разработчиков или из серии "How to..."
Начните с каких-нибудь простых конструкторов для того, чтобы начать понимать процесс. Далее переключитесь на более профессиональные средства.

+ Побольше листайте Behance и Dribbble. Но только первое время.

Возможно, более точное указание брейкпоинтов решит этоу проблему.

Наиболее типичные:

• Min-width: 320px (smaller phone viewpoints)
  
• Min-width: 480px (small devices and most phones)
  
• Min-width: 768px (most tablets)
  
• Min-width: 992px (smaller desktop viewpoints)
  
• Min-width: 1200px (large devices and wide screens)
  

Бегло пробежался по вопросу.
Если я правильно понял, решить вопрос может использование визуального редактора.

Например, Elementor. Просто, понятно и эффективно. Альтернатива - WP Bakery, Beaver, Divi.

Ранее я пользовался Adobe Photoshop, но сейчас собираюсь выйти на более высокий уровень

Это, пожалуй, гениально.

1. Для рисования в векторе есть либо Adobe Illustrator, либо для более простых задач Adobe XD. Для рисования в растре - Photoshop. Который, к слову, ещё умеет решать простые векторные задачи через инструмент Paths.

2. Для 3d есть много чего. Сомневаюсь, что требуется создание реалистичных сложных трехмерных изображений. Поэтому, опять же, 3d objects из Photoshop.

По сути вопроса я понял, что Вы только начинаете. Мой совет - не гонитесь за множеством программ, лучше изучите одну, но более детально. И это - Adobe Photoshop.