You can try using two images, one of which slides behind the other to make what appears to be a single logo wider or narrower, as required. It's called the sliding door technique, I think. You can Google about it.
I would suggest putting the bike and the right end of the logo on the lower image, and the rest of the logo on the upper image. Make sure the left part has the black background stopping just to the right of the words. Then the right image (with the bike) has a long area of black to the left of the bike which slides under the left image. As the site gets wider, it slides out and the only thing that changes is the amount of black showing between the words and the bike.
There are limits to how wide or noarrow you can go with your logo, but this technique might work for you.
It's more complicated to describe than to do.
Rob
Breakfast: the most important donut of the day.