Puzzle Position

HTML

<img src="https://i.ibb.co/f4cGc1x/Puzzle-einzeln-hell.png" class="puzzle_line_one">
        <img src="https://i.ibb.co/f4cGc1x/Puzzle-einzeln-hell.png" class="puzzle_line_one" style="bottom: 15%; left: -18%;">
        <img src="https://i.ibb.co/f4cGc1x/Puzzle-einzeln-hell.png" class="puzzle_line_one" style="bottom: 15%; left: -36%;">

        <div style="clear: both;"></div>

        <img src="https://i.ibb.co/yB4FFgX/Puzzle-einzeln-dunkel.png" class="puzzle_line_two">
        <img src="https://i.ibb.co/yB4FFgX/Puzzle-einzeln-dunkel.png" class="puzzle_line_two" style="bottom: 15%; left: -18%;">
        <img src="https://i.ibb.co/yB4FFgX/Puzzle-einzeln-dunkel.png" class="puzzle_line_two" style="bottom: 15%; left: -36%;">

        <div style="clear: both;"></div>

        <img src="https://i.ibb.co/f4cGc1x/Puzzle-einzeln-hell.png" class="puzzle_line_three">
        <img src="https://i.ibb.co/f4cGc1x/Puzzle-einzeln-hell.png" class="puzzle_line_three" style="bottom: 15%; left: -18%;">
        <img src="https://i.ibb.co/f4cGc1x/Puzzle-einzeln-hell.png" class="puzzle_line_three" style="bottom: 15%; left: -36%;">

        <div style="clear: both;"></div>

CSS

.puzzle_line_one, .puzzle_line_two, .puzzle_line_three {
    width: 30%;
    position: relative;
    float: left;
}