Чтобы добавить процент к градиенту цвета фонового изображения попутного ветра, вы можете использовать свойство CSS фонового изображения вместе с функцией линейного градиента. Вот несколько методов, которые вы можете использовать:

Метод 1: использование служебных классов

1. Определите собственный служебный класс в файле Tailwind.config.js для создания желаемого градиента фона с процентными значениями. Например:

   // tailwind.config.js
   module.exports = {
   theme: {
   extend: {
     backgroundImage: {
       'gradient': 'linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 255, 1) 100%)',
     },
   },
   },
   variants: {},
   plugins: [],
   }

2. Примените пользовательский служебный класс к нужному элементу HTML:

   <div class="bg-gradient"></div>

Метод 2: использование встроенных стилей

1. Используйте встроенные стили непосредственно в HTML, чтобы применить фоновый градиент с процентными значениями:

   <div ></div>

Метод 3. Использование пользовательских свойств CSS (переменных CSS)

1. Определите градиент как пользовательское свойство CSS в файле CSS или встроенном теге стиля:

   :root {
   --gradient: linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 255, 1) 100%);
   }

2. Примените пользовательское свойство CSS к нужному элементу:

   <div ></div>