<div class="container">
<div class="image">
<img src="./img/broccoli_img.png" alt="">
</div>
<div class="aks-accordion" data-accordion="">
<div class="aks-accordion-row">
<div class="aks-accordion-item" itemscope itemprop="mainEntity" data-accordion-item=""
>
<div class="aks-accordion-item-row">
<div class="aks-accordion-item-icon">
<span>+</span>
</div>
<div class="aks-accordion-item-title">
<h4 itemprop="name">Как оформить заказ?</h4>
</div>
</div>
<div class="aks-accordion-item-content" itemscope itemprop="acceptedAnswer"
data-accordion-content="">
<p itemprop="text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga enim nihil
cupiditate maxime repellendus et perspiciatis, id quae quis vel consectetur, laudantium ipsa
accusantium officiis laboriosam ratione beatae, ex at!
</p>
</div>
</div>
<div class="aks-accordion-item" itemscope itemprop="mainEntity" data-accordion-item=""
>
<div class="aks-accordion-item-row">
<div class="aks-accordion-item-icon">
<span>+</span>
</div>
<div class="aks-accordion-item-title">
<h4 itemprop="name">Как работает служба доставки?</h4>
</div>
</div>
<div class="aks-accordion-item-content" itemscope itemprop="acceptedAnswer"
data-accordion-content="">
<p itemprop="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, odit, vitae
cupiditate labore quidem quis eum eveniet rem earum minima accusamus nobis impedit quo
deleniti perferendis reprehenderit quia ab harum.
</p>
</div>
</div>
<div class="aks-accordion-item" itemscope itemprop="mainEntity" data-accordion-item="">
<div class="aks-accordion-item-row">
<div class="aks-accordion-item-icon">
<span>+</span>
</div>
<div class="aks-accordion-item-title">
<h4 itemprop="name">Условия доставки за пределами МКАД</h4>
</div>
</div>
<div class="aks-accordion-item-content" itemscope itemprop="acceptedAnswer"
data-accordion-content="">
<p itemprop="text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Veniam iste neque
doloremque enim ab quaerat quod? Quo vitae, officiis labore velit ducimus error est voluptas
nostrum! Illum quasi voluptatibus consequuntur!
</p>
</div>
</div>
<div class="aks-accordion-item" itemscope itemprop="mainEntity" data-accordion-item="">
<div class="aks-accordion-item-row">
<div class="aks-accordion-item-icon">
<span>+</span>
</div>
<div class="aks-accordion-item-title">
<h4 itemprop="name">Какие способы оплаты у вас есть?</h4>
</div>
</div>
<div class="aks-accordion-item-content" itemscope itemprop="acceptedAnswer"
data-accordion-content="">
<p itemprop="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam veritatis ab
quas adipisci architecto laudantium nam, incidunt ducimus illum provident eligendi
voluptatum tempore magnam sit doloremque aliquid facere rem tenetur.</p>
</div>
</div>
<div class="aks-accordion-item" itemscope itemprop="mainEntity" data-accordion-item="">
<div class="aks-accordion-item-row">
<div class="aks-accordion-item-icon">
<span>+</span>
</div>
<div class="aks-accordion-item-title">
<h4 itemprop="name">У меня есть промокод, но я не понимаю как им пользоваться</h4>
</div>
</div>
<div class="aks-accordion-item-content" itemscope itemprop="acceptedAnswer"
data-accordion-content="">
<p itemprop="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia incidunt
suscipit, ab quisquam quos mollitia deserunt maxime impedit iste vitae voluptas magnam ipsa
labore amet quibusdam! Molestiae inventore fuga nobis.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="image">
<img src="./img/broccoli_img.png" alt="">
</div>
Суть вопросы, есть блок container в нем два других в одном блоке акардеон , во втором картинка (class="images")
как с помощью flex расположить их горизонтально , друг на против друга , что то не выходит, все едет
акардеон --- картинка вот так , один блок весь занят акардеоном , второй весь картинкой , спс