Responsive room homepage with bootstrap

My solution for /Room homepage challenge.

On mobile view, I cant figure out why tile2's text and also the arrowsContainer (which has also fixed size but changes to very low height for some reason under a certain window width) keep moving away when I change the width of the window, despite the fact that the size of the mainContainer is fixed, in this regard, any advice is more than welcome! :)

Also, why is the mobile image loaded for tile1 on the screenshot? When I open the page the correct (desktop) image is loaded.

Thanks!