iBird Rose

Условия такие что она должна оставаться фикс ширины всегда. Как такое рисует под бутстрап ?

Либо делай нормальный адаптив и сжимай эту колонку под сетку. Либо сжимай контентую часть и оставляй колонку фиксированной ширины.

как вариант сделать 2 отдельных блока.
один весь по кругу с белым бордером.
второй внутри с таким же серым фоном. и margin-left: - 60px;

жалобы будут. и очень много.
1) копирайта недостаточно. очень много сайтов где авторы против копирования контента. даже с указанием авторства.
2) если ты будешь парсить, то велик шанс что поисковики проиндексируют твою страницу раньше чем оригинал - отсюда пойдут жалобы на поисковик - и тогда поисковики тебя просто кинут под фильтр.

а это что? https://vk.com/dev/friends.get

Берешь 360 камеру.
снимаешь комнату.
находишь движки для web - типа таких https://pannellum.org/
делаешь такой 3d тур

при каждом обновлении css меняй его подключение. К примеру:
<link href="css/styles.css?1" rel="stylesheet">
<link href="css/styles.css?2" rel="stylesheet">
и т.д.

getbootstrap.com/customize/#grid-system
вам нужкен параметр @grid-float-breakpoint

css-live.ru/articles/zagadochnye-otstupy-mezhdu-in...

в общем задай для .container к примеру font-size: 0;
а у самих .block верни font-size

<div class="bg"> // вот тут фон
	<div class="container">
		
	</div>
</div>
<div class="another-div">
	<div class="container">
		
	</div>
</div>

как вариант просто выравниваешь не child элемент, а child child'a
https://jsfiddle.net/0qsbmLsf/1/
т.е. если задал блоку rotate - его child - нужно выровнять. но внутри него ты нормально ничего не выравняешь. потому что на него действует rotate родителя.
а вот уже child внутри child'a ты можешь выровнять - потому что на него rotate уже не действует.

column-count: 2;
htmlbook.ru/css/column-count