Line-item content spacing on larger screens

[ludoboludo]

Why are these changes introduced?

Fixes #531

What approach did you take?

At first I thought with dealing with the padding-left of the .cart-item__details but instead I think it makes sense to have the image grow bigger. Looks like the space it takes can go up to 150px right now so I changed the image size to match. I also changed the source of the image to be twice the size of the image so that it can be a good quality image.

Other considerations

On bigger screens the product image might make the line use more space but it might not be a bad thing 🤔
cc: @Oliviammarcello & @wiktoriaswiecicka :) (video explanation)

Demo links

• Store

Checklist

• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

To test

• You can add an item to the cart and then resize your browser to check how it looks on larger screens (past a 1000px wide)

[Oliviammarcello]

On bigger screens the product image might make the line use more space but it might not be a bad thing 🤔
cc: @Oliviammarcello & @wiktoriaswiecicka :) (video explanation)

@ludoboludo Great update, I'm aligned to make the image fill the container width :)

[tauthomas01]

LGTM, on Chrome/Safari/Firefox 👍

[kmeleta]

I like it 🚢