Vertically align Accordion in Div

Site URL: https://keyboard-lychee-yxll.squarespace.com/

Hello!

I am trying to align my accordion elements so they are vertically centered in the container/to the image to the right. I have this problem in several spots on multiple pages: Lodge Rentals + Weddings & Pricing. For this section on the Lodge Rentals page (the first instance of the accordion problem on this page)

I tried using the code 

div#yui_3_17_2_1_1637677097813_165.row.sqs-row {
    display: flex;
    align-items: center;
}

And still the accordion element is not aligning to the center! If you anyone can provide a code that works for this section, I should be able to apply it to the other sections on the website.

Thank you!

12 minutes ago, ancestralacreslodge said:

Site URL: https://keyboard-lychee-yxll.squarespace.com/

Hello!

I am trying to align my accordion elements so they are vertically centered in the container/to the image to the right. I have this problem in several spots on multiple pages: Lodge Rentals + Weddings & Pricing. For this section on the Lodge Rentals page (the first instance of the accordion problem on this page)

Hey @ancestralacreslodge try to add next code in custom CSS:

@media screen and (min-width: 768px) {
  #block-yui_3_17_2_1_1637675933759_14872,
  #block-yui_3_17_2_1_1637675296219_12037 {
    & + .sqs-row {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
}

@SquareRefresh 

Your solution worked perfectly! Thank you so much.

30 minutes ago, ancestralacreslodge said:

Your solution worked perfectly! Thank you so much.

You're welcome!