* {box-sizing: border-box;}.column {float: left;width: 33.3%;padding: 10px;height: 100%; }.row:after {content: "";display: table;clear: both;}@media screen and (max-width: 200px) {.column {width: 100%;}}.clomun-container {position: relative;width: 100%;}.image {display: block;width: 100%;height: auto;}.overlay {position: absolute;bottom: 100%;left: 0;right: 0;background-color: rgba(255,116,10,0.7);overflow: hidden;width: 100%;height:auto;transition: .5s ease;}.clomun-container:hover .overlay {bottom: 0;height: 100%;}.clomun-container .btn {position: absolute;top: 50%;left: 25%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);background-color: #555;color: white;font-size: 12px;padding: 12px 18px;border: none;cursor: pointer;border-radius: 5px;text-align: center;}.clomun-container .btn:hover {background-color: black;}.clomun-container .btn1 {position: absolute;top: 50%;left: 65%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);background-color: #555;color: white;font-size: 12px;padding: 12px 18px;border: none;cursor: pointer;border-radius: 5px;text-align: center;}.clomun-container .btn1:hover {background-color: green;}