function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-[500px] h-[300px]", __source: { fileName: "", lineNumber: 4, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/your/image.jpg", alt: "Side view of a Japanese wolf", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 5, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#ffffff99] flex items-center justify-center", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[450px] h-[250px] bg-[#cccccc] rounded-lg shadow-md", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-full", __source: { fileName: "", lineNumber: 12, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[80px] h-[180px] bg-[#888888] transform -rotate-10", __source: { fileName: "", lineNumber: 13, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-[80px] h-[200px] bg-[#888888] ml-2 transform rotate-10", __source: { fileName: "", lineNumber: 14, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-[80px] h-[150px] bg-[#888888] ml-2 transform rotate-5", __source: { fileName: "", lineNumber: 15, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-[120px] h-[220px] bg-[#888888] ml-2 transform -rotate-5", __source: { fileName: "", lineNumber: 16, columnNumber: 25 }, __self: this })))))); }