<!DOCTYPE html>
<html>
<head>
<style>
img {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
</style>
</head>
<body>
<h1>The polygon() Function</h1>
<img src="pineapple.jpg" alt="Pineapple" width="300" height="300">
</body>
</html>