.text-content { width: 100%; height: 100%; font-size: 44px; /* background-color: aliceblue; */ } .swiper-head { width: 100%; height: 10%; background-color: rgba(54, 94, 226, 0.5); display: flex; /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */ align-items: center; justify-content: space-around; } .swiper-body { width: 100%; height: 90%; /* background-color: #aa0000; */ } .swiper-body-main { width: 100%; height: 100%; font-size: 70px; /* background-color: #00a8ff; */ } .swiper-item { display: flex; align-items: center; text-align: start; justify-content: space-around; border-bottom: 2px solid #000; background-color: rgba(0, 0, 0, .2); } .swiper-item:nth-child(2n-1) { /* background-color: rgba(255, 255, 255, .1); */ } .swiper-margin { margin-top: 50px; }