<section class="flex-container">
    <!-- Poster 1 -->
    <div class="poster-container">
        <div class="poster poster-1">
            <img src="image1.jpg" alt="Poster Image 1">
            <div class="triangle">
                <div class="triangle-left"></div>
                <div class="triangle-right"></div>
            </div>
            <div class="circle">
              <div class="circle circle-1"></div>
              <div class="circle circle-2"></div>
              <div class="circle circle-3"></div>
        </div>
    </div>

    <!-- Poster 2 -->
    <div class="poster-container">
        <div class="poster poster-2">
            <img src="image2.jpg" alt="Poster Image 2">
            <div class="triangle"></div>
            <div class="triangle"></div>
            <div class="triangle"></div>
        </div>
    </div>

    <!-- Poster 3 -->
    <div class="poster-container">
        <div class="poster poster-3">
            <img src="image3.jpg" alt="Poster Image 3">
            <div class="triangle"></div>
            <div class="triangle"></div>
            <div class="triangle"></div>
        </div>
    </div>

    <!-- Poster 4 -->
    <div class="poster-container">
        <div class="poster poster-4">
            <img src="image4.jpg" alt="Poster Image 4">
            <div class="triangle"></div>
            <div class="circle">
        </div>
    </div>
</section>