Ciężko mi było nazwać temat wątku dlatego może nie jest on za przejrzysty. Bez ukazania o co mi chodzi nie byłbym w stanie wytłumaczyć.
jak zakodować w html i css taką stronę, żeby zdjęcie które jest zamieszczone centralnie można było zmieniać zmieniając plik na serwerze na inny. Gdyby zdjęcie było prostokątne to problemu nie widzę. tworzę Div w nim <img src=.... i po sprawie. Zmiana pliku i pojawia się inne zdjęcie. Co jednak zrobić w moim przypadku? Chodzi o to, że na dole zdjęcia jest nieregularny kształt. Jak zrobić w html i css takie przesłonięcie od dołu tymi falami. Bo rozumiem, że zdjęcie nadal zamieszczone jako prostokąt i przesłonięte tylko na dole z dwóch stron. Czy ktoś podpowie jak to zrobić?

Rozumiem, że taki kształt zdjecia ma pozostać? Jeżeli tak to proponuję mimo wszystko zrobić to jako prostokątny div dodać do tego tło jako obrazek *.png z przezroczystością na kształcie i tyle.

Tak kształt zdjęcia ma pozostać. Stronę zakodować muszę tak jak jest ale, żeby zdjęcie móc potem podmieniać sam plik bez ingerencji w kod. Czyli wstawiam zdjęcie jako prostokątne do prostokątnego Diva jako tło w css. A do samego diva wstawiam fale z przezroczystością? I będzie ok?

Gotowca nie dostaniesz, ale Cię naprowadzę.

Robisz div, w którym wstawiasz sobie w stylach w background-image: odnośnik do zdjęcia. W tym div'e zagnieżdżasz drugiego z dolną falą zrobioną tak, aby to co ma być w tym dziwnym kształcie było przezroczyste (efekt osiągniesz w programie graficznym) wypozycjonowany do dołu div'a ze zdjęciem. Ewentualnie zamiast zagnieżdżać div'a dajesz w tym ze zdjęciem img z odpowiednim wypozycjonowaniem.

Kolego nie chciałem gotowca tylko właśnie naprowadzenia i to zrobiłeś. W moim poście wyżej właśnie tak pomyślałem jak napisałeś. Czy zadziała mi to jeśli fale zrobię w *.gif przezroczystym?

Powinno zadziałać. Uważaj tylko na odwzorowanie kolorów prze gif