Teasery varianty

Je několik modifikačních tříd pro teasery a několik jich přibylo jelikož jsem dostal nový návrh mobile teaseru

Defaultně se text už nedá nad obrázek, ale zůstané v obrázků, proto je potřeba vždy nahrát správnou velikost teaseru i pro mobil

• .teaser--type-mobile-center - text se na mobilu dá na střed - Deafultně zapnout
• .teaser--type-img-bg - třída slouží na to když je například fotka na pozadí, přidá stín a bilý text aby to bylo čitelné
• .teaser--type-light-bg - třída slouží na obarvení textu na tmavo - Defaultně zapnout
• .teaser--type-blue-bg - třída slouží na obarvení textu na bilý pokud je například tmavé pozadí
• .teaser--type-text-above-img - třída slouží na to, aby nam obilu se text dal nad obrázek a nebyl v obrázku - Deafultně vypnuté | Zde není potřeba na 100%, aby byl nahraný mobilní obrázek

• Kombinovat lze, tak že: .teaser--type-light-bg nebo .teaser--type-blue-bg, .teaser--type-img-bg

• Kombinovat lze, tak že: .teaser--type-text-above-img - je možné přidat ke všemu

• Kombinovat lze, tak že: .teaser--type-mobile-center - je možné přidat ke všemu

Je nastaveno, že obrázek jde vidět celý (automatická výška), pouze na větším rozlišení mobilu 575px jsem omezil výšku obrázků na 570px, jinak by to bylo zbytečně velké

• Dekstop - 1324x648
• Mobile - 543x743 - ve výsledku je rozměr jedno důležitý je poměr, také je důležité aby to všude bylo ideálně stejné

Prosím o přidělání podmínky na parent .teaser__title - je de možnost větší a menší grid: col-8 col-sm-4 / col-8 col-sm-5

Ještě drobnost - třídy d-sm-none, d-none, d-sm-inline-flex, které byly na CTA tlačítku, potřebuju přesunout na parent div (viz. druhý teaser od vrchu)