feat: improve two images in the Python course (#1559)

- Addresses #1417 for the
Python course
- Nicer, higher-resolution intro image which features Warehouse and not
Amazon

Author: honzajavorek

sources/academy/webscraping/scraping_basics_python/02_devtools_locating_elements.md

@@ -65,13 +65,7 @@ document.querySelector('.product-item');
 
 It will return the HTML element for the first product card in the listing:
 
-![Using querySelector() in DevTools Console](./images/devtools-queryselector.png)
-
-:::note About the missing semicolon
-
-In the screenshot, there is a missing semicolon `;` at the end of the line. In JavaScript, semicolons are optional, so it doesn't make a difference here.
-
-:::
+![Using querySelector() in DevTools Console](./images/devtools-queryselector.webp)
 
 CSS selectors can get quite complex, but the basics are enough to scrape most of the Warehouse store. Let's cover two simple types and how they can combine.
 

sources/academy/webscraping/scraping_basics_python/images/devtools-queryselector.png

@@ -14,11 +14,7 @@ import DocCardList from '@theme/DocCardList';
 
 In this course we'll use Python to create an application for watching prices. It'll be able to scrape all product pages of an e-commerce website and record prices. Data from several runs of such program would be useful for seeing trends in price changes, detecting discounts, etc.
 
-<!--
-TODO image of warehouse with some CVS or JSON exported, similar to sources/academy/webscraping/scraping_basics_javascript/images/beginners-data-collection.png, which is for some reason the same as sources/academy/webscraping/scraping_basics_javascript/images/beginners-data-extraction.png
--->
-
-![E-commerce listing on the left, JSON with data on the right](./images/scraping.png)
+![E-commerce listing on the left, JSON with data on the right](./images/scraping.webp)
 
 ## What you'll do