# CSS to make the GIF on the right and text on the left, (applied only for section-type question)

**URL:** <https://community.surveysparrow.com/t/css-to-make-the-gif-on-the-right-and-text-on-the-left-applied-only-for-section-type-question/3282>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 19, 2023, 9:49am UTC](https://community.surveysparrow.com/t/css-to-make-the-gif-on-the-right-and-text-on-the-left-applied-only-for-section-type-question/3282 "2023-04-19T09:49:07Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Venkata\_Abhijith](https://avatars.discourse-cdn.com/v4/letter/v/cab0a1/32.png) [@Venkata\_Abhijith](https://community.surveysparrow.com/u/Venkata_Abhijith)\
**Post date:** [April 19, 2023, 9:49am UTC](https://community.surveysparrow.com/t/css-to-make-the-gif-on-the-right-and-text-on-the-left-applied-only-for-section-type-question/3282/1 "2023-04-19T09:49:07Z")

</div>

CSS to make the GIF on the right and text on the left, (applied only for section-type question):

@media only screen and (min-width: 1100px) {  
.ss\_cl\_survey\_qstn\_item:not([data-qa-question-id]) .ss\_cl\_survey\_qstn h1,  
.ss\_cl\_survey\_qstn\_item:not([data-qa-question-id]) .ss\_cl\_survey\_qstn h3 {  
width: 46%;  
}

.ss\_cl\_survey\_qstn\_item:not([data-qa-question-id]) .ss\_cl\_survey\_qstn\_right {  
max-width: 100%;  
position: relative;  
}

.ss\_cl\_survey\_qstn\_item:not([data-qa-question-id]) .ss\_cl\_survey\_qstn h3 figure {  
width: 50%;  
right: 0;  
position: absolute;  
top: 0;  
transform: translate(0, -50%);  
}

.ss\_cl\_survey\_qstn\_item:not([data-qa-question-id]) .ss\_cl\_survey\_qstn h3 figure img {  
width: 100%;  
}

.ss\_cl\_survey\_qstn\_item:not([data-qa-question-id]) .ss\_cl\_survey\_qstn h3 p:last-child {  
display: none;  
}  
}

 ![Screenshot 2023-04-19 at 3.17.15 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/f35a0456dfaba0faf1c4efd9598eb48baf5ddf8c.jpeg)

 ![Screenshot 2023-04-19 at 3.17.28 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/91921fa6815afcf0655121d0257934e88455a4a2.jpeg)