Untitled

<head>
    <title>title</title>
    <style>
        body{
        font-family: 'Roboto', sans-serif;
        overflow-x: hidden;
        margin: 0;
        padding:0;
        }

        .zak1{
        position: relative;
        }

        .zak1:hover{
        transition-duration: 0.3s;
        width: 345;
        }

        .zdj1{
        transition-duration: 0.3s;
        position: relative;
        width: 335px;
        filter: contrast(120%);
        box-shadow: 4px 4px 20px rgba(0,0,0,1);
        }

        .zdj1:hover{
        }

        .odn-tekst{
        text-shadow: 2px 2px 5px black;
        position: relative;
        color: white;
        font-size: 30px;
        top: -220px;
        left: 0px;
        }

        .mini-tekst{
        font-size: 17px;
        top: -245px;
        }


    </style>
</head>
<body>
    <center>
        <br>
        <div class="zak1">
            <img src="mapz.png" class="zdj1 zak1"></img>
            <p class="odn-tekst" unselectable="return false">Tekst <br>Tekst2</p>
            <p class="mini-tekst odn-tekst" unselectable="return false">Tekst3</p>
        </div>
    </center>
</body>