Image and button side by side landing page on mobile is it possible?????

Site URL: https://www.ilovethedaze.com/ryden

I'm trying to put images of streaming service side by side with a button for people to click. Emulating this type of design https://tylerthecreator.lnk.to/LUMBERJACK

I tried resizing the image, spacers and everything I could think of but when its in mobile mode the Spotify image gets big and is at the top and the button underneath. I want it in a column, possibly with lines to separate every streaming service. 

I am a beginner but have been trying to find answers to this problem, any insight would be very appreciated. Thanks! 

Add to Design > Custom CSS

/* Mobile-Ryden button side by side */
@media screen and (max-width:767px) {
div#page-section-60ce62abff2943704dca706f .span-6 {
    width: 50% !important;
    float: left !important;
}
}

12 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Mobile-Ryden button side by side */
@media screen and (max-width:767px) {
div#page-section-60ce62abff2943704dca706f .span-6 {
    width: 50% !important;
    float: left !important;
}
}

 

Thank you this worked! now the only thing is that its not lined up as you can see the button is slightly above spotify, any way to fix this? Really appreciate your reply 🙂 

Hi. I think they are fine now?