Hello!

Recently I've gone through the process of spending 5 hours or so learning how to do css stuff for my den - and I got it to a point where I absolutely love it despite needing to make a few minor tweaks.

However, on mobile my background of the .col-md-9.col-xs-12 and respective tables appears as grey. I suspect it has to do with the fact that the foreground block/tables itself is just rgba (0, 0, 0, 0.14) while the other section for the media has an actual image, so the col-md-9.col-xs-12 is registering as the parameters of the colors it was set to vs using the alpha / opacity channels and is showing as a solid color vs the translucent effect I want.

Images:


Here's the following snips of the .css that I believe is the culprit - but I don't know what I need to change or if I need to add something new, like another segment to alter the background of the col-md-9.