[CSS] 2 개의 스택 및 오프셋 이미지 주위에 텍스트 배치

여백에 약간의 트릭을 사용하여 2 개의 스택 이미지 주위에 텍스트를 래핑 할 수 있습니다.

#carousel .carousel-caption img:first-of-type {
    float: right;
        width: 40%;
            height: auto;
                margin: 0 10px -5% 0;
                }
                #carousel .carousel-caption img:last-of-type {
                    float: right;
                        margin-right: 20%;
                            top: 51%;
                                z-index: -1;
                                    width: 40%;
                                        height: auto;
                                        }
                                        

HTML을 변경해야하며 텍스트는 이미지 뒤에 있어야합니다.

깡깡이

내가 알아낼 수없는 것은 첫 번째 이미지 아래에 두 번째 이미지를 설정하는 방법입니다 (Z- 색인이 작동하지 않음).

이미지가 항상 같은 크기입니까?

출처
https://stackoverflow.com/questions/22050294