Андрей Гончаров

button в пределах формы верен. В остальных случаях тег a

Начни с prepros. Вероятно, тебе хватит его с головой. Там есть и компиляция на лету и загрузка на хостинг сразу.

img{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}

можно поиграть с border-top-left-radius: Xpx/Ypx и border-top-right-radius: Xpx/Ypx

на themeforest можно глянуть кто кого сколько покупает. Просто html шаблоны вроде не очень котируются.

В head сайта вероятно есть мета-тег:

<meta name="format-detection" content="telephone=no">

Его можно попробовать убрать и тогда должно заработать как вам надо.

Верстай дивами. Строка: display: table-row, ячейка: display: table-cell. Теперь блочный html ведет себя как таблица. По медиа-запросу меняем все дивы на display-block.
Вот пример: eleostest.ru/timetable

Мало просто написать респонсив, надо еще расписать, что ВЫ под ним подразумеваете. Нет четкой терминологии и отличий респонсив от адаптива. Точнее это одно и то же, задача нормально показывать сайт на всех устройствах. А технолгии достижения этих целей могут быть разные. Вы можете задать 100% контейнеру контента, либо же подставлять нужную его ширину в зависимости от разрешения.

Переименовать style.css в _style.scss
Подключить его через:
@import 'style';

анимировать позицию элемента можно, изменяя координаты расположения его. Элемент должен быть абсолютно спозиционирован и менять свои top,left,right,bottom свойства.

Обычный плагин карусели какой-нибудь юзать, только наложить рамку поверх по середине. В данном случае может подойти flickity
Активному элементу прозрачность убирать, а остальные сделать полупрозрачными.

z-index не анимируется! Он сразу меняется на итоговое значение и оверлей уходит назад, где и происходит его анимация, но мы ее не видим. В последенее время я делаю так:

.block{
  opacity: 0;
  pointer-events: none;
}
.block.visible{
  opacity: 1;
  pointer-events: all;
}

Pointer-events не поддерживается оперой 12, но мне на нее плевать короч.

Попробывать:

@media only screen and (orientation: portrait) {
  background: XXXX;
}
@media only screen and (orientation: landscape) {
  background: XXXX;
}

Для img можно следующий css:

object-fit: fill;
object-fit: contain;
object-fit: cover;
object-fit: none;
object-fit: scale-down;

Но это очень плохо поддерживается иешкой.

Обернуть тег video в div, и ему задать фон как тебе нужно.

.element{
  transition: transform 0.3s ease;
}

.element:hover{
  transform: translate(XXpx,0);
}

Надо думать по другому: прозрачных вставок быть не может. Могут быть фигуры с прозрачными частями.