CSS image replacement is a technique of replacing a text element (usually a header tag) with an image. An example of this would be including a logo on a page. You may want to use a <h1> tag and text for this for the accessibility and SEO benefits, but ideally you'd like to show your logo, not text.
If you were to open up any file, be it docs, spreadsheet, or even an unsupported file format, on Google Drive, you will either be brought to view or to an another page where you can perform a "File > Download". There is no direct and straightforward way to download a file.
This gets even more troublesome if your intention is to share a file to a friend through Google Drive. Your friend will not be able to download the file immediately without doing a "File > Download".
Luckily, there is a simple trick to share a link and your friend would be able to click and download immediately. Here's how to do just that. Find out the file idThe download link will be as such: https://docs.google.com/uc?export=download&id=[FILE ID]