создай картинку со странами и их флагами фон синий 🇲🇪 Черногория 🇷🇸 Сербия 🇺🇦 Украина 🇷🇺 Россия 🇨🇾 Кипр 🇦🇿 Азербайджан 🇧🇬 Болгария 🇸🇪 Швеция 🇨🇭 Швейцария 🇷🇴…

Кратко: ниже готовый SVG-макет — это изображение с синим фоном, сеткой 3×4, флагами и подписями всех 12 стран. Сохрани код в файл страны-флаги.svg и открой в браузере; для PNG можно сделать скриншот.

<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1100" viewBox="0 0 1600 1100">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#061a46"/>
      <stop offset="0.55" stop-color="#0a3a86"/>
      <stop offset="1" stop-color="#1264c8"/>
    </linearGradient>

    <clipPath id="flagClip">
      <rect x="25" y="25" width="210" height="140" rx="12"/>
    </clipPath>

    <style>
      .title { font-family: Arial, Helvetica, sans-serif; font-weight: 700; fill: #ffffff; }
      .sub   { font-family: Arial, Helvetica, sans-serif; font-weight: 400; fill: #bcd8ff; }
      .label { font-family: Arial, Helvetica, sans-serif; font-weight: 700; fill: #ffffff; }
    </style>
  </defs>

  <rect width="1600" height="1100" fill="url(#bg)"/>
  <circle cx="140" cy="80" r="180" fill="#4d9aff" opacity="0.10"/>
  <circle cx="1480" cy="1040" r="260" fill="#58b4ff" opacity="0.08"/>

  <text x="800" y="85" text-anchor="middle" class="title" font-size="52">Страны и флаги</text>
  <text x="800" y="125" text-anchor="middle" class="sub" font-size="23">12 стран • синий фон</text>

  <!-- 1. Черногория -->
  <g transform="translate(70 170)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/me.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Черногория</text>
  </g>

  <!-- 2. Сербия -->
  <g transform="translate(570 170)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/rs.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Сербия</text>
  </g>

  <!-- 3. Украина -->
  <g transform="translate(1070 170)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/ua.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Украина</text>
  </g>

  <!-- 4. Россия -->
  <g transform="translate(70 390)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/ru.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Россия</text>
  </g>

  <!-- 5. Кипр -->
  <g transform="translate(570 390)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/cy.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Кипр</text>
  </g>

  <!-- 6. Азербайджан -->
  <g transform="translate(1070 390)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/az.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Азербайджан</text>
  </g>

  <!-- 7. Болгария -->
  <g transform="translate(70 610)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/bg.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Болгария</text>
  </g>

  <!-- 8. Швеция -->
  <g transform="translate(570 610)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/se.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Швеция</text>
  </g>

  <!-- 9. Швейцария -->
  <g transform="translate(1070 610)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/ch.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Швейцария</text>
  </g>

  <!-- 10. Румыния -->
  <g transform="translate(70 830)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/ro.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Румыния</text>
  </g>

  <!-- 11. Франция -->
  <g transform="translate(570 830)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/fr.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Франция</text>
  </g>

  <!-- 12. Греция -->
  <g transform="translate(1070 830)">
    <rect x="0" y="8" width="460" height="190" rx="26" fill="#00122e" opacity="0.25"/>
    <rect x="0" y="0" width="460" height="190" rx="26" fill="#ffffff" fill-opacity="0.10"
          stroke="#ffffff" stroke-opacity="0.28" stroke-width="2"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="#ffffff"/>
    <image x="25" y="25" width="210" height="140" preserveAspectRatio="xMidYMid meet"
           clip-path="url(#flagClip)" href="https://flagcdn.com/w320/gr.png"/>
    <rect x="25" y="25" width="210" height="140" rx="12" fill="none"
          stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="347" y="95" text-anchor="middle" dominant-baseline="middle"
          class="label" font-size="27">Греция</text>
  </g>
</svg>

Что здесь важно: синий фон задаёт градиент url(#bg), карточки стоят сеткой 3×4, а внутри каждой — флаг и подпись. Порядок стран сохранён как в задании. Флаги подгружаются с сайта flagcdn.com, поэтому при открытии нужен интернет; при желании ссылки можно заменить на свои файлы.

Проверка: все 12 стран на месте, у каждой есть флаг и название, фон синий.