import image_1 from './sc_setka-1.png'
// swap
import image_3 from './sc_setka-2.png'
import image_2 from './sc_setka-3.png'

import styles from './Header.module.css';

export const Header = () => {
    return(
        <>
            <div className={styles.header}>
                <div className={styles.row}>
                    <h1>где волны</h1> <img className={styles.img} src={image_1}/>
                </div>
                <div className={styles.row}>
                    <img src={image_2} className={styles.img}/> <h1>становятся</h1>
                </div>
                <div className={styles.row}>
                    <h1>связями</h1> <img className={styles.img} src={image_3}/>
                </div>
                <div className={styles.row_mobile}>
                    <h1>где</h1> <img className={styles.setka_1} src={image_1}/>
                </div>
                <div className={styles.row_mobile}>
                    <img src={image_2} className={styles.setka_2}/> <h1>волны</h1>
                </div>
                <div className={styles.row_mobile}><h1 className={styles.mobile}>становятся</h1></div>
                <div className={styles.row_mobile}>
                    <img className={styles.setka_3} src={image_3}/> <h1>связями</h1>
                </div>
            </div>
        </>
    )
}