Алексей Скляров

Отвечу на примере бутстрапа, но подойдет под что угодно, как вы понимаете.

1. Допустим у вас есть два блока:

<div class="row">
	<div class="col-xl-6"></div>
	<div class="col-xl-6"></div>
</div>

Во второй блок .col-xl-6 вы помещаете img и самой картинке дописываете стиль: width:inherit;, при этом максимальная ширина картинки не должна быть 100% (max-width:100%;), этого условия вообще не должно быть для нее. Тогда у вас картинка будет становиться по 100% ширине и вылезать за пределы блока.

2. Как вы верно сказали, для того чтобы не было полосы прокрутки - нужно делать overflow:hidden для блока. Но вам нужно делать не для контейнера (если вы имеете ввиду бутстраповский контейнер), а для самой секции, либо body. В таком случае проблем с тенью не возникнет.

Такие вещи должны решаться простым гуглением и пролистыванием документации:
1. https://stackoverflow.com/questions/34660680/slick...

2. Можно, можете обычным css .selector:nth-of-type(n) {} либо средствами js, тут уж насколько ваша задача объемная.

Ну, во-первых, забудьте про прописывание кастомных стилей на одном же уровне что и .col-md-* Не надо так делать. Во-вторых, не уверен, но возможно, как раз эти следующие стили и перебивают вашу ширину. В-третьих, если это четвертый бутстрап, то возможно косячите где-то с разметкой, потому что флексы.

Если не используется этот параметр:

$("#id_deadline").datepicker({ startDate: "today" });

, то стоит поставить.

То что вы хотите - называется оплачиваемая работа, вам на фриланс.

Если платить не хочется - читаем: https://learn.javascript.ru/ajax-intro

Поместите ее в блок с overflow-x: auto;

htmlbook.ru/faq/kak-otrazit-izobrazhenie

UPD: в вашем случае вы либо фон заменяете при наведении, либо через :before, :after делаете круг и знак вопроса соответственно и при наведении меняете только фон круга и все.

#file-6 {display:none;}

https://jsfiddle.net/wq9qr4Lr/2/

Animate.css - FadeIn Up, FadeIn Down и тд.