"
Arch Bridge Layout .arch-bridge { display: flex; justify-content: center; align-items: flex-start; height: 300px; background-color: #ccc; overflow: hidden; position: relative; } .arch-bridge .arch { position: relative; height: 200px; width: 600px; background-color: #fff; border-radius: 50%; margin-top: 100px; } .arch-bridge .arch:before, .arch-bridge .arch:after { content: \"\"; position: absolute; width: 300px; height: 300px; background-color: #fff; border-radius: 50%; bottom: 100%; } .arch-bridge .arch:before { left: -50px; } .arch-bridge .arch:after { right: -50px; }
