Product Preview Card using SCSS and Flex

I found it difficult to deploy from github-pages with the folder structure using scss (deploying from the dist folder). I did it, but I don't know if it is best practices to put the IMG folder inside the dist folder. It was the only way I could see the images in the live url.

Is my first time using scss, so probably needs a lot of work.

I tried to do the media queries for the responsive version in a separate partial scss to import later in the main. But it didn't work because it kept putting it in the begining instead of the end of the code.