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;
}
}
